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

[Charlie98902]

Tagged as this may allow me to use my jpg's I believe?

[Kolbi]

yes you can

[Charlie98902]

Yes sweet too as I didn;t need the left.jpg as in the code change the jpg to your name.

[VonDoom]

Thanks this is exactly what i needed. Marked Installed and rated Excellent

[tafreeh]

naaa aaaa aaa aaa aaa aaaiceee love you man

[syrus.xl]

Why are you using the Table tag with vBulletin 4.0? This will break strict xHTML compliancy, which is what version 4 is all about.

It should be coded as a div layout, not a table layout.

[dengbej]

good modification.thanks.

[Magz]

Maybe something im doing wrong here, but when i use this, the right image replaces the details in top right of forum

Welcome, Magz. You have 0 unread messages; Total 22.
You last visited: Today at 20:11; You Have 4,062 Unread Posts

that bit gets hidden, any ideas?

[Beermonster]

Originally Posted by Magz

Maybe something im doing wrong here, but when i use this, the right image replaces the details in top right of forum



that bit gets hidden, any ideas?

Are you using VB4?