WebsiteBaker Community Forum

General Community => WebsiteBaker Website Showcase => Topic started by: CMD on February 04, 2008, 01:06:09 AM

Title: new WB site to come (preview)
Post by: CMD on February 04, 2008, 01:06:09 AM

Hi,

i'm just setting up a new page (currently german only) for some friends owning a motorcycle repair shop. The new page will replace http://tk-motorradsport.de/ (http://tk-motorradsport.de/) (my handmade "v.3" of that site, but not supportable anymore  :-D).

The preview of the WB site is viewable at http://bpfh5.bpfh.de/pages/startseite.php (http://bpfh5.bpfh.de/pages/startseite.php).
Template based on "templeron" by Francesco Zambotti with following changes:
As i got the first complaint about the "size" from a user using std. IE in a 1024x768 resolution, i
- increased general and content width as well as
- decreased height of head graphics and menu (both changes in graphics and css).
- Added PAGE_TITLE and print button above main content
- Added print.css (to be highly improved  :roll:)
- Included RandomImage snippet and changed output to be used in "background url(...)" statement (images in this template are mostly background images)

-> any other ideas to have random background images?

Also used smoothgallery (see Menu "Keeway" and submenu links) with two slight changes:
- added in jd.gallery.js @ about line 370:
old:

Code: [Select]

'click': function (myself) {
        this.goTo(myself.relatedImage.number);
}.pass(currentImg, this)new:

Code: [Select]

'click': function (myself) {
        this.goTo(myself.relatedImage.number);
        this.hideCarousel();
}.pass(currentImg, this)to let the carousel automatically disappear when an image is clicked.

- added in jd.gallery.js @ about line 245:
old:

Code: [Select]

{
        this.galleryElements[num].custom(1);
}new:

Code: [Select]

{
        this.galleryElements[num].custom(1);
        this.galleryElements[this.currentIter].custom(0);
}this was necessary as with images with transparent background the previous image was still shown "behind" the new one.

Further did some changes to smoothgal's css and also added some sections (also to be improved) to template's base.css and print.css, so that at the scooter pages, one can printout the page with "print background images and colors" enabled in browser, but the only image being printed (as tested by printing preview) is the scooter in your preferred color...


That's all for now, hope you like it!
Any suggestions, ideas, etc appreciated :wink:

Kind Regards and a big
THANK YOU!
out to the WB dev's.
Christian
aka CMD (from the days computers only stored 3 chars for higscore-names  :evil:)