How can I make a three part forum header?

[K4GAP]

Originally Posted by Lynne

Whoops....

"3 part header CSS" site:vbulletin.org

(changed to .org)

Thanks Lynne, I ended up going with some old code that was originally posted in '09

https://vborg.vbsupport.ru/showthread.php?p=1927493

--------------- Added 16 Aug 2013 at 13:24 ---------------

Originally Posted by Max Taxable

Another example of a 3 image fluid header.

Thanks Max. I've found some useable code.

--------------- Added 17 Aug 2013 at 00:45 ---------------

The following is what I did to have a left and a right image with a background to blend the two.

First I looked for this code in the header template:

<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 that code with this:

<div id="headerfill"><div id="headerl"></div><div id="headerr"></div></div>

Add the following to the styles additional css area:

#headerfill{
background-image: url(images/headerfill.png);
background-repeat: repeat-x;
height: 150px;
width: 100%;
margin-right: auto;
margin-left: auto;
}
#headerl{
background-image: url(images/headerl.png);
height: 150px;
background-repeat: no-repeat;
width: 400px;
float: left;
}
#headerr{
background-image: url(images/headerr.png);
background-repeat: no-repeat;
height: 150px;
width: 400px;
float: right;
}

Works for me and I'm running vb 4.2.1

Thank you once again Lynne for pointing me in the right direction.