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

[TheSupportForum]

Originally Posted by horussjr

doesnt work on 4.0.2 pl1. help

this does work on 4.0.2 pl1 perfectly
you need to ensure your stylevar is correctly setup for it

[MR_Dammie]

Is it possible to use this Mod and the VB4 banner manager togheter?

I installed it but both header banners wont display over images?

[TheSupportForum]

Originally Posted by MR_Dammie

Is it possible to use this Mod and the VB4 banner manager togheter?

I installed it but both header banners wont display over images?

this MOD does not interfer with it at all

[MR_Dammie]

hmmm strange, only think i changed was:

Height to 150 px
Left to 400 px
Right to 400 px

Maybe this is the problem??

[iadventure]

how do i make the images link to a url as well?

[lebay]

like I need...

[sKippah]

Ahh that what i was looking for
Thx

[lubbie]

Hey guys. I was trying this too. But if i follow the instruction, with some modifications in width and high (im using a fixed Style), the login field will be underneath the Header.

Using vb 4.0.6

[buurman]

Absolutely great this solution!!!

With a little creativity I should be able to combine this with a rotating logo...
This way, only the left part will rotate..

Thanks for this!!

using v4.0.6

http://www.piepiep.nl

[buurman]

Originally Posted by lubbie

Hey guys. I was trying this too. But if i follow the instruction, with some modifications in width and high (im using a fixed Style), the login field will be underneath the Header.

Using vb 4.0.6

Try using a smaller fill (less width), think this would fix it..
Check your width settings to be sure...