Moving the search bar inside the navigation

[dtmcl]

I posted this on my own forum and thought I would share it here too

Want to see what this wiil do? check out The demo On my forum


Okay, first of all open search_bar.css

Find this code:

#QuickSearch

    {

        display: block;

        position: absolute;

        right: 20px;

        top: -18px;

        margin: 0;

        background-color: @content.background-color;

        border-radius: 5px;

        padding-top: 5px;

        _padding-top: 3px;

        z-index: 7500;

    }

Edit this to suit your needs:

 top: -18px;

As an example, the one we use on AdminForums is -35px instead of -18px but this will vary depending on the height of your navigation bar.

Now, the ugly background color is still in place.. hmmm what to do??

Well this is even easier!

Simply remove this code:

 background-color: @content.background-color;

Now your search box is sitting on your navbar

 

[Andy.N]

How did you get Most online user on your sidebar stat?

 

[dtmcl]

Ragtek made this addon

 

[Brendon Meynell]

Thanks this works - well everything apart from the background that is still there but at least the search bar looks better

 

[dtmcl]

If you are using 1.1 Beta you will need to add this to EXTRA.CSS

.formPopup {
    background: repeat-x  !important;
}

 

[Brendon Meynell]

If you are using 1.1 Beta you will need to add this to EXTRA.CSS

.formPopup {
    background: repeat-x  !important;
}

Thank you. Installed and working great. I really appreciate your help. And may I just add you have a fantastic site it has inspired me with mine - can't wait to start showing it off