Fluid 3 part header
Mod Version: 1.01, by Beermonster
| vB Version: 4.0.0 | Rating:  (6 votes - 4.50 average) |
Installs: 68 |
| Released: 18 Nov 2009 | Last Update: Never | Downloads: 4 |
 Not Supported
 Template Edits
|
||
Not a difficult thing to do but I thought I would post it any way as some people seem to having trouble with getting their header image to have an align image right as you can't do it in stylevar.
This is fluid all you need to do is make 3 images, I named mine left, right and background (See attachment), you can be more creative
In your header template find
Replace with
Add to vbulletin.css template
Change sizes and paths in red to suit your own
Thanks to hoof for the CSS update.
Mark as installed for support
This is fluid all you need to do is make 3 images, I named mine left, right and background (See attachment), you can be more creative
In your header template find
Code:
<div><a name="top" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div>
Code:
<div id="headerFill"><div id="headerL"></div><div id="headerR"></div></div>
Code:
#headerFill{
background-image: url(images/headerFill.jpg);
background-repeat: repeat-x;
height: 119px;
width: 100%;
margin-right: auto;
margin-left: auto;
}
#headerL{
background-image: url(images/headerL.jpg);
height: 119px;
background-repeat: no-repeat;
width: 348px;
float: left;
}
#headerR {
background-image: url(images/headerR.jpg);
background-repeat: no-repeat;
height: 119px;
width: 332px;
float: right;
}
Thanks to hoof for the CSS update.
Mark as installed for support
Download
No files for download.
Screenshots
