
Originally Posted by
fireolg
Sorry for asking alot, because i'm newbie

can u give me the css code to make solution as you said "
You can however fake the effect by setting a background image with CSS and just make the image like 2500px wide."
and why you I won't go into that now?? can you explain the reason.
Thank you very much
##############################___
You caught me in the middle of something ...
Anyways, it'd go something along these lines.
In your main stylesheet, stylesheet.css you'd add:
Code:
#headerBanner{
height:80px;
width:100%;
background:url(../images/homepagebanner.gif) top left no-repeat;
}
Where you'd place the banner is up to you, but this is the code for it:
Code:
<div id="#headerBanner"></div>
Now if you wanted to change it by category, simply create a stylesheet that corresponds to the category id you wish to change it for.
For example, for category 13 the stylesheet would be c_13.css
In that file would go:
Code:
#headerBanner {
background:url(../images/cat_13_banner.gif) top left no-repeat;
}
Use the magic of Zen.
Bookmarks