PDA

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?