The Arcive of vBulletin Modifications Site.

Add A Drop Down Menu In Nav · **Released**: 01-19-2007

Add A Drop Down Menu In Your Navigation

What does it do?
add a drop down list for your navigation

Template to edit: Navbar

Instructions:
open template: navbar
find:

Code:

<if condition="$show['registerbutton']">
<td class="vbmenu_control"><a href="register.php?$session[sessionurl]" rel="nofollow">$vbphrase[register]</a></td>
</if>

Add below

Code:

				<td id="yourmenu" class="vbmenu_control"><a href="$show[nojs_link]#YOURMENU">NAME</a> <script type="text/javascript"> vbmenu_register("YOURMENU"); </script></td>

In same template
Find:

Code:

<!-- / NAVBAR POPUP MENUS -->

Above add:

Code:

	<if condition="$show['member']">
	<!-- your tools menu -->
	<div class="vbmenu_popup" id="YOURMENU_menu" style="display:none">
		<table cellpadding="4" cellspacing="1" border="0">
		<tr><td class="thead">$vbphrase[name]</td></tr>		
		<tr><td class="vbmenu_option"><a href="LINK">NAME</a></td></tr>
		<tr><td class="vbmenu_option"><a href="LINK">NAME</a></td></tr>
		<tr><td class="vbmenu_option"><a href="LINK">NAME</a></td></tr>
		<tr><td class="vbmenu_option"><a href="LINK">NAME</a></td></tr>
		</if>

		</table>
	</div>
	<!-- / your tools menu -->
	</if>

If you want more links simple just add

Code:

		<tr><td class="vbmenu_option"><a href="LINK">NAME</a></td></tr>

before the

Code:

</if>

Last Part
Change all

Code:

YOURMENU

Code:

LINK

Code:

NAME

change all those and you all set

DEMO

It seem hard but it pretty easy if you understand those and where to find and edit them

ShackMaster · #2 01-29-2007, 05:01 AM

Any idea why my dropdown menu would open to the far left of my screen instead of directly beneath the menu link?

http://www.hometheatershack.com/forums (Shack Stores Shopping Mall)

Thanks,
Sonnie

v5etboyphc · #3 01-29-2007, 05:18 AM

oh that easy.. cuz your dropdown menu is in the second navbar move that to the top nav and it will work fine

ShackMaster · #4 01-29-2007, 11:10 PM

I moved it to the top, but it still wants to dropdown at the far left of the dropdown link.

Notice that UserCP drops down centered. I have everything the same for those two except the names and links. Doesn't make much sense.

Doug Nelson · #5 04-16-2007, 07:26 AM

I can't get this to work in 3.6.5

It shows the link on the navbar, but no little downarrow. And when you click it, the page reloads with the non-js navbar displayed.

Doug Nelson · #6 04-19-2007, 01:20 AM

I reverted my navbar template, then it worked great. Thanks.

rayw · #7 04-27-2007, 08:41 AM

Been looking for this for ages, finally found it. Working great on 3.6.5.

Thanks a lot.

ttramell · #8 04-28-2007, 09:10 PM

Installed. So, I changed the code but I'm not sure what to do for the "LAST PART CHANGE ALL" Little help please

PapaSmurf · #9 04-30-2007, 12:56 PM

I'm wondering if this menu can be implemented into any other buttons? I have buttons on the top of my site and i would rather have the drop down menus there as the navbar is not enabled on the main page.

Here is the button code.

Code:

<td><a href="LINK"><img src="$stylevar[imgdir_misc]/links_gallery.gif" alt="" width="100" height="29" border="0"></a></td>

Thanks in advance.

The Bish · #10 05-07-2007, 06:23 PM

Any help with the FAR LEFT issue would be nice. Ever since I added this my Quick Links also is skewed left.