1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. This forum is for release discussion only. Discussions that do not relate specifically to the resource release should be discussed in another, more appropriate forum.
    Dismiss Notice
  3. This forum has been archived. New threads and replies may not be made. All add-ons/resources that are active should be migrated to the Resource Manager. See this thread for more information.

Moving the search bar inside the navigation

Discussion in 'Template Modifications [Archive]' started by ShadyX, Aug 2, 2011.

  1. ShadyX

    ShadyX Well-Known Member

    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:

            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 :)
    dbembibre likes this.
  2. Andy.N

    Andy.N Well-Known Member

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

    ShadyX Well-Known Member

    Ragtek made this addon :)
  4. Brendon Meynell

    Brendon Meynell Active Member

    Thanks this works - well everything apart from the background that is still there but at least the search bar looks better :D
    ShadyX likes this.
  5. ShadyX

    ShadyX Well-Known Member

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

    .formPopup {
        background: repeat-x  !important;
    Brendon Meynell likes this.
  6. Brendon Meynell

    Brendon Meynell Active Member

    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 :)
    ShadyX likes this.

Share This Page