Search at the top of the forums

[StudentCreche]

I adore the red bit at the top of this website (http://www.completevb.com/demovb4/forum.php?styleid=71) and would therefore like to implement something similar on my forum. Could someone please help me out?

Here's what I want. Either:

1) A search box and a red bar type thing at the top of the forums.
2) Just a search box at the top of the forums
3) Just a red bar type thing at the top of the forums.

I'd love option 1 but if it's too technical then surely option 2 or 3 would be easier...?

[RobbieZ]

This is just 4 images, CSS and HTML Div tag calls.

Number 3 is easily done as you can see on my test board part image.



I was able to create the rest but as the images are copyright I have removed everything from my test board.

[StudentCreche]

Originally Posted by RobbieZ

This is just 4 images, CSS and HTML Div tag calls.

Number 3 is easily done as you can see on my test board part image.



I was able to create the rest but as the images are copyright I have removed everything from my test board.

Awesome! How did you do it?

[RobbieZ]

Create an image 1px width by 47px height using your favorite software. Save it and FTP to your misc folder inside your images folder.

In your additional.css template add this.

#strip {
    background: url("images/misc/strip.gif") repeat-x scroll left top transparent;
    height: 47px;
}

Now goto your header template and search for this piece of code.

<div id="header" class="floatcontainer doc_header">

After it add this

<div id="strip">
</div>

[StudentCreche]

You sir, are a legend!

[RobbieZ]

Looks good