The Arcive of Official vBulletin Modifications Site.It is not a VB3 engine, just a parsed copy! |
|
#1
|
|||
|
|||
Changing location of the searchbar
Hi guys,
I tried to move the search bar from navbar to the location where the welcome_to_the_x usually belongs. but the bar still shows op at the top right corner but is functional my code: HTML Code:
<div id="pagetitle"> <h1>Vacatures zoeken</h1> <vb:if condition="$vboptions['enablesearches']"> <div id="globalsearch" class="globalsearch"> <form action="search.php?do=process" method="post" id="navbar" class="navbar"> <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 class="navbar_advanced_search"> <li><a href="search.php{vb:raw session.sessionurl_q}">{vb:rawphrase advanced_search}</a></li> </ul> </div> </vb:if> </div> |
#2
|
||||
|
||||
Check CSS class is display none or your search bar is only appeared when it is clicked.
|
#3
|
|||
|
|||
I can already see the search bar, but I don't know how to move it to the right place.
I need step by step guidement please |
#4
|
||||
|
||||
You're going to have to experiment with the exact number but try placing this in your additional.css template:
.globalsearch { position:absolute; width:180px; right: 1680px; top: 0px; float: left; clear: right; text-align:right; line-height: 1.0em; display:block; } The right value is the one that may require adjustment. |
#5
|
|||
|
|||
Thanks for the effort.
I've learned a new thing, thanks for that. The issue now is that the seachbar moves out of position if I make the window of my browser smaller. |
Thread Tools | |
Display Modes | |
|
|
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
More Information | |
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|