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:



Make forums appear inside a white container:



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 [DATE]1323641345[/DATE] at [TIME]1323641345[/TIME] ---------------

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/oxyge...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/oxyge...go_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.