Fluid 3 part header

[Beermonster]

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 (https://vborg.vbsupport.ru/member.php?u=144311) 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 (https://vborg.vbsupport.ru/member.php?u=172423). You have 0 unread messages (https://vborg.vbsupport.ru/private.php); Total 22.
You last visited: Today at 20:11; You Have 4,062 Unread Posts (https://vborg.vbsupport.ru/search.php?do=getnew)

that bit gets hidden, any ideas?

[Beermonster]

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?

[Brandon Sheley]

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.

completely agree :up:

[Magz]

Are you using VB4?

Sure am, updated test site today to Beta 4

[Beermonster]

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.

completely agree :up:

Feel free to re do it this was only meant to be a quick fix for people

[Beermonster]

Sure am, updated test site today to Beta 4

Not sure then because I don't have the
Welcome, Magz. You have 0 unread messages; Total 22.
You last visited: Today at 20:11; You Have 4,062 Unread Posts

[Mastergumble]

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.

So how it would be done ?

[imported_pmay68]

So how it would be done ?

Yes, inquiring minds want to know.. :)

[Dr.osamA]

I try to experience

Thank you
________
Gay Arab (http://www.++++tube.com/categories/608/arab/videos/1)

[MikesSite]

Looks good

[syrus.xl]

So how it would be done ?

There is 5 serious errors in that coding, certain tags not closed, a div tag used within an 'a' tag.

It should be strict xHTML to comply with vBulletin 4.0, otherwise you are just breaking the correct coding. Google would probably penalize you, if that was in every page of your site's header code.

If it was done correctly it would require CSS to be defined and use all div's, not tables. Probably about 4-5 CSS rules is all that it requires, nothing major.

[Beermonster]

Google doesn't penalise tables or reward tableless.

Google rewards content

[Big-Pete]

There is 5 serious errors in that coding, certain tags not closed, a div tag used within an 'a' tag.

It should be strict xHTML to comply with vBulletin 4.0, otherwise you are just breaking the correct coding. Google would probably penalize you, if that was in every page of your site's header code.

If it was done correctly it would require CSS to be defined and use all div's, not tables. Probably about 4-5 CSS rules is all that it requires, nothing major.

Syrus, Would you be able to do this for us in css? This is exacty what i'd like to use when we change over the main site to vb4..

[hoof]

To do this just add some lines to your CSS and then call it out in the template you want it to display.

Example: for a 3 part image in the CSS add

#headerFill{
background-image: url(your/path/to image/here.gif);
background-repeat: repeat-x;
height: 120px;
width: 100%;
margin-right: auto;
margin-left: auto;
}
#headerL{
background-image: url(your/path/to image/here.gif);
height: 120px;
background-repeat: no-repeat;
width: 468px;
float: left;
margin-left: -20px;
}
#headerR {
background-image: url(your/path/to image/here.gif);
background-repeat: no-repeat;
height: 120px;
width: 175px;
float: right;
margin-right: -20px;
}

You can name it however you like, I used headerFill, headerR, and headerL. Be sure to put the correct image height and width in. THe margin-right and left is to align the edges to your forum width...you may need to adjust it or remove it.

Then in your header template add the following:
<div id="headerFill"><div id="headerL"></div><div id="headerR"></div></div>

You should now have a fluid banner :)

[Big-Pete]

@ Hoof, Thankyou for that, Much appreciated!

[VonDoom]

To do this just add some lines to your CSS and then call it out in the template you want it to display.
You should now have a fluid banner :)

sorry for the newb question but v4 has me bent over a barrel witch CSS and where?

[TheSupportForum]

To do this just add some lines to your CSS and then call it out in the template you want it to display.

Example: for a 3 part image in the CSS add

#headerFill{
background-image: url(your/path/to image/here.gif);
background-repeat: repeat-x;
height: 120px;
width: 100%;
margin-right: auto;
margin-left: auto;
}
#headerL{
background-image: url(your/path/to image/here.gif);
height: 120px;
background-repeat: no-repeat;
width: 468px;
float: left;
margin-left: -20px;
}
#headerR {
background-image: url(your/path/to image/here.gif);
background-repeat: no-repeat;
height: 120px;
width: 175px;
float: right;
margin-right: -20px;
}

You can name it however you like, I used headerFill, headerR, and headerL. Be sure to put the correct image height and width in. THe margin-right and left is to align the edges to your forum width...you may need to adjust it or remove it.

Then in your header template add the following:
<div id="headerFill"><div id="headerL"></div><div id="headerR"></div></div>

You should now have a fluid banner :)


vb4 no longer using CSS it uses StyleVars

[hoof]

vb4 no longer using CSS it uses StyleVars
vB4 no longer uses the "Additional CSS Definitions" section, it does use several CSS's in your template list. I use this in the "vbulletin.css" and it works great.

[TheSupportForum]

vB4 no longer uses the "Additional CSS Definitions" section, it does use several CSS's in your template list. I use this in the "vbulletin.css" and it works great.


i have attached a screenshot of the admincp with main css showing
as you may be aware it mentions

"This CSS file is obsolete and is available here for reference purposes only."

[Charlie98902]

Admin panel>> Styles and Templates>>>>>Edit Templates>>>>>>>vbulletin.css Go there I believe.

[mr3oobqatar]

thanks

[oddmud]

i have attached a screenshot of the admincp with main css showing
as you may be aware it mentions

"This CSS file is obsolete and is available here for reference purposes only."


That's because you're looking at main.css not vbulletin.css.. i think.

[j.steensen]

Updated to Beta 5, and my header got jacked up.

Was working 100% before the upgrade.

Bugs: The floating image incorrectly ends, the words go off the right side of the window, and there are now two grey lines between the header and the nav bar. It does not matter the size of the window.

See attached image to see bugged header.

Here is my current (bugged) header template code:

<div class="above_body">
<div id="header" class="floatcontainer">
{vb:raw ad_location.ad_header_logo}
<table width="100%" border="0" cellpadding="0" cellspacing="0" background="images/header/head.back.png">
<tr>
<td width="464" height="121" valign="top"><a href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q} ">
<div><img src="images/header/head.left.png" border="0" /></div></td>
<td width="22">&nbsp;</td>
<td width="511" valign="top"><img src="images/header/head.right.png" align="right"></td>
</tr>
</table>

<div id="toplinks" class="toplinks">
<vb:if condition="$show['member']">
<ul class="isuser">
<li>{vb:rawphrase welcome_x_link_y, {vb:raw bbuserinfo.username}, {vb:link member, {vb:raw bbuserinfo}}}</li>
<vb:if condition="$notifications_total">
<li class="popupmenu" id="notifications">
<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}: <span class="notifications-number"><strong>{vb:raw notifications_total}</strong></span></a>
<ul class="popupbody popuphover">
{vb:raw notifications_menubits}
</ul>
</li>
<vb:else />
<li class="popupmenu" id="nonotifications">
<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}</a>
<div class="popupbody popuphover">
<p>{vb:rawphrase no_new_messages}</p>
<p><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></p>
</div>
</li>
</vb:if>
<li><a href="{vb:link member, {vb:raw bbuserinfo}}">{vb:rawphrase your_profile}</a></li>
<li><a href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase control_panel}</a></li>
<vb:if condition="$show['registerbutton']">
<li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase register}</a></li>
</vb:if>
<li><a href="login.php?{vb:raw session.sessionurl}do=logout&amp;logouthash={vb:raw bbuserinfo.logouthash}" onclick="return log_out('{vb:rawphrase sure_you_want_to_log_out}')">{vb:rawphrase log_out}</a></li>
</ul>
<vb:comment><p>{vb:rawphrase last_visited_x_at_y, {vb:raw pmbox.lastvisitdate}, {vb:raw pmbox.lastvisittime}}</p></vb:comment>
<vb:else />
<ul class="nouser">
<vb:if condition="$show['registerbutton']">
<li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase register}</a></li>
</vb:if>
<li><a rel="help" href="faq.php{vb:raw session.sessionurl_q}">{vb:rawphrase help}</a></li>
</ul>
<script type="text/javascript" src="clientscript/vbulletin_md5.js?v={vb:raw vboptions.simpleversion}"></script>
<form action="login.php?{vb:raw session.sessionurl}do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, {vb:raw show.nopasswordempty})">
<fieldset id="logindetails">
<div>
<div>
<input type="text" class="textbox default-value" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>" onfocus="if (this.value == '<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>'){this.value=''; this.style.color='black';}" onblur="if (this.value == '') {this.value='<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>'; this.style.color='#828282';}"/>
<input type="password" class="textbox default-value" name="vb_login_password" id="navbar_password" size="10" tabindex="102" onfocus="this.style.color='black';" />
<input type="submit" class="loginbutton" value="{vb:rawphrase log_in}" tabindex="104" title="{vb:rawphrase enter_username_to_login_or_register}" accesskey="s" />
</div>
</div>
</fieldset>
<div id="remember">
<label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" /> {vb:rawphrase remember_me}</label>
</div>

<input type="hidden" name="s" value="{vb:raw session.sessionhash}" />
<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
<input type="hidden" name="do" value="login" />
<input type="hidden" name="vb_login_md5password" />
<input type="hidden" name="vb_login_md5password_utf" />
</form>
</vb:if>
</div>
<div class="ad_global_header">
{vb:raw ad_location.global_header1}
{vb:raw ad_location.global_header2}
</div>
<hr />
{vb:raw ad_location.ad_header_end}
</div>
</div>

Any ideas? Thanks!

[Beermonster]

You have a solid colour background there's no need to use this, just chose your image in your stylevar and the background colour to match.

[j.steensen]

No solid color. There is a gradiant along the top of the header. (Dark grey.) Somewhat hard to see in the resized thumbnails that were created when I uploaded.

[Beermonster]

No solid color. There is a gradiant along the top of the header. (Dark grey.) Somewhat hard to see in the resized thumbnails that were created when I uploaded.

Then revert your template and use header_background in stylevar for that, add the left image to titleimage

[j.steensen]

Just making sure I am tracking properly...

Revert header templates (removing the fluid header).
Add repeating background gradient to header_background stylevar.
Add logo image to titleimage stylevar.

Correct? Thanks for the help.

[Charlie98902]

Why not use the code below? Does it not work?

To do this just add some lines to your CSS and then call it out in the template you want it to display.

Example: for a 3 part image in the CSS add

#headerFill{
background-image: url(your/path/to image/here.gif);
background-repeat: repeat-x;
height: 120px;
width: 100%;
margin-right: auto;
margin-left: auto;
}
#headerL{
background-image: url(your/path/to image/here.gif);
height: 120px;
background-repeat: no-repeat;
width: 468px;
float: left;
margin-left: -20px;
}
#headerR {
background-image: url(your/path/to image/here.gif);
background-repeat: no-repeat;
height: 120px;
width: 175px;
float: right;
margin-right: -20px;
}

You can name it however you like, I used headerFill, headerR, and headerL. Be sure to put the correct image height and width in. THe margin-right and left is to align the edges to your forum width...you may need to adjust it or remove it.

Then in your header template add the following:
<div id="headerFill"><div id="headerL"></div><div id="headerR"></div></div>

You should now have a fluid banner :)

[j.steensen]

It did work with Beta 4, perfectly.

Upgrade to Beta 5 broke it.

[Charlie98902]

Since it is a template or added css mod you may had to reput it back into its place again for it to work?

[Beermonster]

Just making sure I am tracking properly...

Revert header templates (removing the fluid header).
Add repeating background gradient to header_background stylevar.
Add logo image to titleimage stylevar.

Correct? Thanks for the help.

That's right, the only benefit of using this mod is it gives you the ability to add a 3rd (right) image

[The Vegan Forum]

Are there any news regarding how to make a fluid three part header now when vB4 is in the Release Candidate stage? I searched for the string to replace (posted at the top of this page), but that code seems to have been changed.

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

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?

[speedimpulse]

installed and working thank you!

[Charlie98902]

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?

It works as I am using it.

Live Demo - http://www.dvdnextcopysupportforum.com

[KissOfDeath]

Have no idea why it's not working for me, can you show me the 3 seperate images you are using?

here are the 3 i'm trying to use

http://www.devils-shadow.com/forums/images/andromeda/misc/header_left.gif

http://www.devils-shadow.com/forums/images/andromeda/misc/logo.gif

http://www.devils-shadow.com/forums/images/andromeda/misc/header_right.gif

[Charlie98902]

I am using the default VB size. My image sizes are

left - 387x128

Middle - 31x128

Right - 387x128

[kisanjong]

looks good :)

any info on doing this for the postbit / threadbit headers ? Please :D

[moonclamp]

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.

completely agree :up:
If it works in a browser, then why should anyone care?
What the end user sees is more important, so why worry if it doesn't cause an issue?

[KissOfDeath]

Still couldn't get this method to work so a did my own, because also looking at the css in this on it will show differently in different browsers and go out of line.....

Here's my code that i used to make it fit in all browsers,

Leave the vbulletin.css in it's original state

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:
<tr>
<td width="23%"><img src="images/andromeda/misc/header_left.gif" alt="" width="23%" height="100"/></td><td><a href="index.php"><img src="images/andromeda/misc/logo.gif" alt= "Free PSP ISO Downloads" width="54%" height="100" border="0"/></a></td><td align="right"><img src="images/andromeda/misc/header_right.gif" alt="" width="23%" height="100"/></td>
</tr>

Demo: http://www.devils-shadow.com/forums/forum.php

Putting your own image locations & sizes in the fields i've marked red

BTW doing it this way your pointing to the logo image directly so changing the "Titleimage" Stylevar will not change the logo

[Charlie98902]

Very nice.

[idslamyou]

I'm not sure what I'm doing wrong but I can't get this to work. I'm trying on 4.0.1. Made the changes to the header template and added the css to vbulletin.css. Uploaded the images to the images folder and nothing displays in the header. The stock VB logo is now gone, but that area is compressed and the menu bar is covering up the login box. I've triple checked everything and done the steps over to no avail.

Any ideas?

[horussjr]

doesnt work on 4.0.2 pl1. help

[TheSupportForum]

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]

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]

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

[joeman]

A friend and I have a forum using vb 4.0.6 and we are trying to do this mod on our header however the color of the header is off for some reason. Pictures are sized the same and opacity is equal for all 3 images, however the middle image is very dark and we can't figure out why.

I changed the header to one solid color just to make sure the image we were using before didnt have a problem. I included a screen shot so you can see what I mean.

Center image original file size is 2px wide.

Any advice on what to do?


https://vborg.vbsupport.ru/ (http://img816.imageshack.us/i/headerimage.png/)



Heres the code we are using:

#headerFill{
background-image: url(images/headercenter.png);
background-repeat: repeat-x;
height: 145px;
width: 100%;
margin-right: auto;
margin-left: auto;
}
#headerL{
background-image: url(images/headerleft.png);
height: 145px;
background-repeat: no-repeat;
width: 800px;
float: left;

}
#headerR {
background-image: url(images/headerright.png);
background-repeat: no-repeat;
height: 145px;
width: 200px;
float: right;

}

We also put this code in place of the header code:

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

[joeman]

Anyone have a suggestion on how to fix this?

Thanks

[mattyphatty]

I have the same problem, anyone know what the problem might be?

[joeman]

I have the same problem, anyone know what the problem might be?


I guess it looks like I'm not the only one having this issue.

I still didn't hear from anybody on a fix for this yet. Did you ever solve your problem with this?

[mattyphatty]

A friend and I have a forum using vb 4.0.6 and we are trying to do this mod on our header however the color of the header is off for some reason. Pictures are sized the same and opacity is equal for all 3 images, however the middle image is very dark and we can't figure out why.

I changed the header to one solid color just to make sure the image we were using before didnt have a problem. I included a screen shot so you can see what I mean.

Center image original file size is 2px wide.

Any advice on what to do?


http://img816.imageshack.us/img816/7177/headerimage.png (http://img816.imageshack.us/i/headerimage.png/)



Heres the code we are using:

#headerFill{
background-image: url(images/headercenter.png);
background-repeat: repeat-x;
height: 145px;
width: 100%;
margin-right: auto;
margin-left: auto;
}
#headerL{
background-image: url(images/headerleft.png);
height: 145px;
background-repeat: no-repeat;
width: 800px;
float: left;

}
#headerR {
background-image: url(images/headerright.png);
background-repeat: no-repeat;
height: 145px;
width: 200px;
float: right;

}

We also put this code in place of the header code:

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

Mine is doing this same thing. VB 4.0.6

[joeman]

Have any of you that have done this mod had success with getting it work properly?

If so can you post a link of this working on your site.

Any of you that have suggestions what is wrong with the code above to create that darker area for the moving part of the header please chime in and help out if you can.

It would be GREATLY appreciated to get ANY suggestions from ANYONE here at vbulletin.org.

[jeffcoast]

I used some of this to add a right image to the site I help out with, but am having an issue I need some help with.

We want the right image to go under the left image if the page size isn't wide enough to not have the images overlap. But no matter what I tried, it wouldn't work right. The right is always on top.

http://www.amusementinsider.com/forums/index.php?styleid=17

<div style="position: absolute; top: 0px; right: 0px; padding: 2px; overflow: hidden; width: 1556px;" class="panelsurround">
<a href="http://www.amusementinsider.com" target="_blank"> <img src="images/tztot/towerghosts.gif" width="1556" height="115"alt="Ghosts" border="0" title="Spooky!"></a></div>

That code is just added to the regular header template, along with the default code.

[Internetcafe]

Have any of you that have done this mod had success with getting it work properly?

If so can you post a link of this working on your site.



Working well on 4.0.8 .. DeereTalk (http://www.deeretalk.com/forums/forum.php)

[orangefive]

Ive made it so that it only uses the left one, tried the others but didnt work. How do I make the image display the Website name on hover and if clicked on it goes to forum.php?

http://www.thewoollybacks.co.uk is the site. Thanks :)

[Baf_Jams]

Sorry to be a complete noob but i cant find vbulletin.css to add the above txt ?

I done everything else but after 2 hrs scratching around the admin cp cant find it ?
been in style manager edit templates :(

just when i expand vbulletin cms templates theres a list as long as your arm ?

[abdyel26]

[COLOR="Blue"]Sorry to be a complete noob but i cant find vbulletin.css to add the above txt ?

I done everything else but after 2 hrs scratching around the admin cp cant find it ?
been in style manager edit templates

Style & templates/style manager/ edit template/ scroll down css templates/scroll down again vbulletin.css

[Baf_Jams]

[COLOR="Blue"]Sorry to be a complete noob but i cant find vbulletin.css to add the above txt ?

I done everything else but after 2 hrs scratching around the admin cp cant find it ?
been in style manager edit templates


Style & templates/style manager/ edit template/ scroll down css templates/scroll down again vbulletin.css

Cheers m8y

[Charlie98902]

Anyone that upgraded to 4.1.3 you need to remove the last div on that line of code. If there is a small white line on the middle to the top left then scroll down in the header template and remove the hr code line.

[crazymilk]

I have looked in the vbulletin.css thats fine but which header template do I change the code in? Can someone help thanks in advance

[Bandit8007]

how to use repeat -x on the >>

<a href="index.php"><img src="images/andromeda/misc/logo.gif" alt= "Free PSP ISO Downloads" width="54%" height="100" border="0"/></a>
on my own image then ....

gracias

Fixed!

[setishock]

Problem with a floating header is making it look like the filler is a part of the total overall header. Not just something tossed in to fill in the blank spot.
It's time consuming and a pain in the gazootenblatz. But if you take the time to do it right, it's beautiful. If you just toss something up there, it looks like you just tossed something up there.
The nuts and bolts of the code to make this work, while pretty cool, is just the begining. How you work the images and the filler, that's the magic...

Take your time. Get creative.

[znightmare]

Is there a way to do this so the logout, notifications, settings, and profile links stay under the banner instead of going inside the top part of the banner?

[dougdirac]

How do you make the left image a link?

[K4GAP]

I have used this on a couple of different sites I have built and or maintain.

For anyone that has that old vb looking header, they definitely need to check this out.

[john7911]

Thank you :)