View Full Version : header rearrange
merk_aus
07-09-2011, 09:41 PM
Hey all,
I was wondering if anyone knew how to move the facebook connect, and top links in the vb4 header like this website has done:
http://www.businessadviceforum.com/
It would be greatly appreciated.
Jeff Ledger
07-09-2011, 10:10 PM
I tested in the default style and it works, just remember to change the css "margin-top" value to fit your need
in navbar template: search for
<ul class="navbar_advanced_search">
<li><a href="search.php{vb:raw session.sessionurl_q}" accesskey="4">{vb:rawphrase advanced_search}</a></li>
</ul>
Remove it.
Find
<span class="buttoncontainer"><span><input type="image" class="searchbutton" 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) AND !is_browser('ie', 8))">gif<vb:else />png</vb:if>" name="submit" onclick="document.getElementById('navbar_search').submit;" tabindex="100"/></span></span>
change it to
<span class="buttoncontainer"><span><input type="image" class="searchbutton" 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) AND !is_browser('ie', 8))">gif<vb:else />png</vb:if>" name="submit" onclick="document.getElementById('navbar_search').submit;" tabindex="100"/></span></span>
<div class="navbar_advanced_search" style="position:absolute; top:7px; left:100px; width:100%;"><a href="search.php" accesskey="4">Advanced Search</a></div>
Add the following css to your additional.css
This for moving top links to under navbar
.toplinks {
color: #FFFFFF;
font: 11px Arial,Tahoma,Calibri,Verdana,Geneva,sans-serif;
margin-top: 85px;
position: absolute;
right: 20px;
text-align: right;
top: 0;
z-index: 1;
}
This one for moving advanced navbar search
.globalsearch {
width: 290px;
}
For the facebook connect , check out this articles by Lynne
https://www.vbulletin.com/forum/showthread.php/361140-Moving-Facebook-Connect-out-of-the-header-template-and-into-the-navbar-template
--------------- Added 1310253882 at 1310253882 ---------------
Added some changes, I think that's all, hope I didn't miss anything.
merk_aus
07-09-2011, 10:59 PM
Thanks mate it works now :D You sir are a legend.
Jeff Ledger
07-09-2011, 11:10 PM
You are welcome, nice to see it helps.
Jeff
kylek
09-06-2011, 12:52 AM
Both Lynne's and your info has been a big help, thanks!
Just wondering how to place the facebook connect next to the navbar search?
vBulletin® v3.8.12 by vBS, Copyright ©2000-2024, vBulletin Solutions Inc.