PDA

View Full Version : Search at the top of the forums


StudentCreche
08-03-2011, 09:13 PM
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
08-03-2011, 10:21 PM
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.

https://vborg.vbsupport.ru/external/2011/08/77.jpg

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

StudentCreche
08-03-2011, 11:47 PM
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.

https://vborg.vbsupport.ru/external/2011/08/77.jpg

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
08-04-2011, 11:05 AM
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
08-04-2011, 11:22 AM
You sir, are a legend!

RobbieZ
08-04-2011, 11:26 AM
Looks good ;)