How do I add a Threadloom search box to other areas of my vBulletin 4 forum?
vBulletin 4
- Edit the navbar template.
- Go to AdminCP > Styles & Templates > Search in Templates.
- Search for "navbar". Check Yes for "Search Titles Only".
- Remove the existing navbar search form.
- Remove the entire vb:if section starting with:
<vb:if condition="$vboptions['enablesearches']">
- Add the new search bar content underneath the breadcrumb.
- Locate the breadcrumb (look for id=breadcrumb). The new content will go under that div.
- Put the following content under that div:
<vb:if condition="$vboptions['enablesearches']">
<form style="position: relative; margin: auto; margin-bottom: 10px; padding-top:5px; width: 50%;" id="navbar_wide_search" action="search.php?{vb:raw session.sessionurl}do=process" _lpchecked="1">
<label style="display:none;" for="tloom-input">
Search
</label>
<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
<input type="hidden" name="do" value="process" />
<input type="text" style="height: 30px; width: 100%; margin: 4px 0; padding-left: 0.5em; border: 1px solid silver; border-radius: 5px; box-shadow: 0 0 0 4px rgba(0,0,0,0.08); font-size: 18px;" name="query" placeholder="Search..." value="" />
<span class="buttoncontainer">
<input type="image" class="searchbutton" style="position: absolute; top: 10px; right: -1em; width: 30px; height: 31px; border: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background: {vb:stylevar blockhead_background}; cursor: pointer;" src="{vb:stylevar imgdir_button}/search<vb:if condition="$stylevar['textdirection'] == 'rtl'">_rtl</vb:if>.<vb:if condition="is_browser('ie') AND !is_browser('ie', 7)">gif<vb:else />png</vb:if>" name="submit" onclick="document.getElementById('navbar_wide_search').submit;" tabindex="100"/>
</span>
<a href="search.php{vb:raw session.sessionurl_q}" accesskey="4">{vb:rawphrase advanced_search}</a>
{vb:raw template_hook.navbar_advanced_search}
</form>
</vb:if>
Notes
- Threadloom will hide this box on Threadloom search results pages, as long as you don't change the id on the form.
- These instructions are for vBulletin 4 only. For vBulletin 3, drop us a line.
Comments
0 comments
Article is closed for comments.