Forum Support

Shape 5
March 28, 2024, 03:55:29 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: random header_style image on page change  (Read 702 times)
lennart
Jr. Member
**
Offline Offline

Posts: 4



« on: May 31, 2008, 08:03:15 AM »

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

Regards, Lennart
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #1 on: June 02, 2008, 05:09:00 AM »

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,
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
lennart
Jr. Member
**
Offline Offline

Posts: 4



« Reply #2 on: June 05, 2008, 01:37:39 PM »

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

Regards, Lennart
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #3 on: June 05, 2008, 02:08:56 PM »

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;
}


Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
lennart
Jr. Member
**
Offline Offline

Posts: 4



« Reply #4 on: June 06, 2008, 04:00:45 AM »

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?
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #5 on: June 06, 2008, 05:58:05 AM »

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;
}
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
lennart
Jr. Member
**
Offline Offline

Posts: 4



« Reply #6 on: June 06, 2008, 07:40:40 AM »

thnx! its working! great service!
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.