Miscellaneous Hacks - Multiple Navbars

There is always a demand for increased navigation from your vB Board. This modification has been tested on 3.6.x, 3.7.x and 3.8.x

Hardcoding a menu is the best way to add the increased functionaility, without adding server load and queries. This template modificiation explains how to add additional simple navbars to your website. By utilising exisitng vB code from within the Navbar template, the menu will appear on all pages, including in add-ons such as vBa and Photoplog and Photopost.


A working expample can be found at Midlands Weather Forum

The basis of the navigation bar (refered to as the 'Main Code') is as follows:

<!-- nav2 buttons bar by Optrex-->
 
<div align="center">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px">
<tr align="center">
 
 
<!--compile your links within this space, using the section types below -->
 
 
</tr>
</table>
</div>
 
<!-- / nav2 buttons bar by Optrex-->

To create a link visible to all usergroups add this code to replace the green section of the main code (above):

<td class="vbmenu_control"><a href="http://www.yoururlhere.com" >Title of your link</a></td>

To create a link visible only to members add this code to replace the green section of the main code (above):

<if condition="$show['member']">
<td class="vbmenu_control"><a href="http://www.yoururlhere.com" >Title of your link</a></td>
</if>

Placement is recommended above your existing navbar, due to the "drop down" lists.

Find the following line in your navbar template and place your compiled code above it.

<!-- nav buttons bar -->
<div align="center">

[optrex]

Links to useful hints and tips within this thread:

Adding an admin only link: https://vborg.vbsupport.ru/showpost....8&postcount=15
Border around navbar: https://vborg.vbsupport.ru/showpost....29&postcount=7
Make link open in new window: https://vborg.vbsupport.ru/showpost....9&postcount=22
Colour links: https://vborg.vbsupport.ru/showpost....7&postcount=23

[Kaleem]

Great come in handy

[beduino]

hi,
i will test and install - really useful!
tks
beduino

[Reece^B]

Great Hack Optrex.
Heres a screen shot to show my version.

[bashy]

Hi m8, i have put mine above the navbar and its missing the line above the top of the botton cell? www.bashys-place.com/forums top bar you'll see

Any ideas as to the code to add it please?

[optrex]

Hi Bashy, There are 2 ways round that the first is to remove the following coloured text

<!-- nav2 buttons bar by Optrex-->
<div align="center">
	<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px" >

or you can change the same coloured text to read 1px instead of 0px

[bashy]

Cheers m8, I added the 1 instead of removing it
All sorted now, thanks again!!

[Hornstar]

thanks for the tute. This is really helpful, I guess I could also add the navbar at the footer if I wanted right?

Could I also duplicate the current navbar so it shows in the footer? if so where should I add it?

Thanks

[optrex]

Yes the idea is you can create as many menu nars as you want. Because it's coded directly into the template there are no additional server loads or queries.

If you were putting it in the footer, I would choose to place it above

<!-- /content area table -->

Again be careful of the placement of drop downs if you are going to move/copy your original.