PDA

View Full Version : vBulletin Style



iLogan
28-03-2010, 11:30 AM
You see HabboxForum how did they get the bar to go all the way across

http://img260.imageshack.us/img260/9357/63246243.jpg

So make it go all the way across and also have that pink bar across the top, just learning how to design and I couldn't work it out D:

Kieran
28-03-2010, 11:53 AM
There is an option in the style section for the changing the width of the forum. Change it to 100% :)

iLogan
28-03-2010, 01:35 PM
yeh but I don't want the forum to be 100% I just want the header to be 100%

Kieran
28-03-2010, 01:40 PM
Oh I see

Well they've used a background image to stretch across and set the forum width as like 80%. If you get what I mean :P

Jamesy
28-03-2010, 03:24 PM
It's made by having a new div stretch across 100% behind the header.

You can do this by making a new div, eg "topbar" in the header template such as this:


<div id="topbar"></div>

And then in whichever css template you wish you put



#topbar {
height:<the height of your header (including borders added etc)>;
width:100%;
position:absolute;
top:0;
left:0;
background:url(path/to/the/image) repeat-x center top;
z-index:-1;
}

iLogan
31-03-2010, 08:35 PM
UPDATE::

I have another problem I can't solve :(

I want to change the whole background and the stylevar for that is doc_background but when I remove the colour and type in the link to the background image it doesn't work

lRhyss
02-04-2010, 04:40 PM
Well hello there marster Remel LMAO

Edited by MattGarner (Assistant General Manager): Please do not post pointlessly.

Want to hide these adverts? Register an account for free!