Shape 5

Hi,

Currently i have an custom s5_header_style image. What i would like is to change this image when the page is changed/refreshed. If i use the standard random image module and publish to header or banner position i do not get the result i want.

I want to use the whole header section. The image that is changed contains my logo and the image i want to show. Do you have a module or component who does this trick? or is there some other way to achieve this?

TIA!

link to my testsite:
http://www.kankeroperatie.nl/TesTOmgevinG/index.php (http://www.kankeroperatie.nl/TesTOmgevinG/index.php)

Regards, Lennart

Hi, open up your template_css.css file and look for

#s5_banner

change the width to 894px and add:

height: 150px;

This will make your banner position the height of the entire header area. Just make an image for each random image the size of your header.

Regards,

Hi Mike,

thnx for the advice. I'm almost there now..
I already had images made for me 906x163

is it possible to change the css in such a way that it will show those images properly?
also the images are shown over the main menu.. the random image module is published as first module..
how can i change it so that the main menu is shown properly?

http://www.kankeroperatie.nl/TesTOmgevinG/index.php (http://www.kankeroperatie.nl/TesTOmgevinG/index.php)

Regards, Lennart

Hi, try adding:

#s5_main_right {
position:relative;
}

To the bottom of the template_css.css file. And then your banner position still has padding on it so the easiest way to fix it is just put this also at the bottom of the same file

#s5_banner {
margin:0px;
}

Hi,

thnx for the quick reply!
i have 1 remaining issue. the banner is shifted 12px to the right.
i tried adding margin-left: -12px; to s5_banner but it didn't work..

do you have any suggestions to fix this last issue?

Sorry I forgot that's in the index.php file. Find this:

#s5_banner {
<?php if($browser == "ie6") { ?>
float:left;
margin-left:6px;
<?php } ?>
<?php if($browser != "ie6") { ?>
float:left;
margin-left:12px;
<?php } ?>
}

and change it to:

#s5_banner {
float:left;
margin-left:0px;
}

thnx! its working! great service!