Forum Display Enhancements - Fluid 3 part header

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

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

Replace with

<div id="headerFill"><div id="headerL"></div><div id="headerR"></div></div>

Add to vbulletin.css template

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

}

Change sizes and paths in red to suit your own

Thanks to hoof for the CSS update.

Mark as installed for support

[interfx]

Can't get this to work correctly in VB4.0.0

Any solutions out there?

[Charlie98902]

It works but I am not sure the CSS code does. I plan on trying it on the test forum tomorrow and see.

[Charlie98902]

Tested the CSS one and it works for vb gold.

[Prorockz]

if i want to use flash file in there how can i use code then ?

for example file name is = images/banner in flash.swf

thanks

[woffie]

Does anyone know how I could use this code to make a Fluid 3 part header for the forum catagory headers and maybe the WOG header?

[Charlie98902]

I'll mark this as installed as I have been using it over the table divs.

[zapiy]

How can i get this to work for VB4?

Thanks

[The Vegan Forum]

I paid someone from this forum to create a 3-part fluid header for us, but the file we got isn't really editable - if we change some of the header parameters in Stylevars, unexpected things happen. I don't know if they used the solution descrived here though.

[Beermonster]

Originally Posted by zapiy

How can i get this to work for VB4?

Thanks

It is for vb4 just follow the instructions

[KissOfDeath]

the problem i have is that my headerFill stays to the far left and headerL lays itself ontop of the left part of it, and theirs a massive gap between my headerR & my headerFill....

From reading through this post it seems this method no longer works since vbulletin was updated? and one have some new code?