Changing the location of the Search Bar vBulletin 4.0

[daveaite]

Missing your search bar? Or do you want to change the search bar's location or add another search bar in vBulletin 4.0x series?

Heres how to do it.

Add this code to

<vb:if condition="$vboptions['enablesearches']">
    <div id="globalsearch" class="globalsearch">
        <form action="search.php?do=process" method="post" id="navbar_search" class="navbar_search">
            <input type="hidden" name="s" value="{vb:raw session.sessionurl}" />
            <input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
            <input type="hidden" name="do" value="process" />
            <span class="textboxcontainer"><span><input type="text" value="" name="query" class="textbox" tabindex="99"/></span></span>
            <span class="buttoncontainer"><span><input type="image" class="searchbutton" src="{vb:stylevar imgdir_button}/search.png" name="submit" onclick="document.getElementById('navbar_search').submit;" tabindex="100"/></span></span>
        </form>
                            </ul>
    </div>
    </vb:if>

Add this code:

Use this css and add it to additional CSS in templates and edit it to your conditions:

.textboxcontainer span {
border-left: 1px solid #CEDFEB;
border-top: 1px solid #CEDFEB;
display: inline-block;
height: 22px;
margin-bottom: 1px;
padding-left: 2px;
padding-right: 2px;
padding-top: 3px;
width: 147px;
}

Similar Threads:

[PEARCE.PETE]

Not bad, but the roof line is too low. It won't have enough head room.