How to do these???

[Leepish]

Hi all, im running vb4. How can i do these template edits so it looks like the images ive attached.

Make the header small and petite like this:

https://vborg.vbsupport.ru/external/2011/12/23.png

Make forums appear inside a white container:

https://vborg.vbsupport.ru/external/2011/12/24.png

My forum atm is located www.ravesu.co.uk/forum

[Lynne]

What is the link to that site so we can see the html/css they used?

[Leepish]

Hi lynne,

Its http://www.orbforum.com/

im very jealous haha

--------------- Added 1323641345 at 1323641345 ---------------

Ive managed to do the body_wrap thing... but how do i make the header smaller and change the links and the log in boxes etc

[Lynne]

It's just an image. They have a background image for the gray/teal - http://www.orbforum.com/styles/oxygen/images/layout/header_background.png - and then the image for the logo is just in a div inside of that div with the background - http://www.orbforum.com/styles/oxygen/images/layout/forum_logo_spotify.png

Basically like this:
<div id="header_background">// this div has the background image
<div id="inner">
<div id="left">
<img src="logo_image.png" />
etc...
</div>

[Leepish]

Thanks Lynne,

So how would I make my header smaller? And put the log in boxes there rather than a drops own log in form

[Lynne]

Take a look at the page using firebug. You'll see they set the height of the header using CSS:
div#header_background {
background: url("styles/oxygen/images/layout/header_background.png") repeat scroll 0 0 transparent;
height: 95px;
position: relative;
top: 0;
width: 100%;
}

And you'll have to modify the template to move the search box there.