[HOW TO - vB4] How to Add Drop Down Navigation Items to the Navbar
 

Some people really like the drop down navigation that is found in the Vbulletin 3.0 series, or are looking to add additional drop down navigation to the navbar in Vbulletin 4.0. This plugin and new template will allow you to do that.


First, is to goto the Plugins and Products section, this section is in the left hand column of the admin panel near the bottom. In that section you will need to click the option to "Add New Plugin". Note that the red text from both the plugin and template must be the same. You can name it whatever you want, but they must match.

For the new plugin you will enter the following details.

Hook Location: process_templates_complete
Title: Whatever You Want
Code:

Code:

---

global $template_hook;
$newTemplate = vB_Template::create('dropdown');
$template_hook['navtab_end'] .= $newTemplate->render();

---

For step two. You need to make the template that will be used in the navbar. Simply goto the style manager and in choose "Add New Template" from the options. From there, you just need to enter the following.

Title: dropdown
Code:

Code:

---

<li class="popupmenu">
<a href="javascript://" class="popupctrl navtab" style="background:transparent url({vb:stylevar imgdir_misc}/arrow.png) no-repeat {vb:stylevar right} center; padding-right: 15px">Drop Bombs</a>
<ul class="popupbody popuphover">
<li><a style="text-indent: 0px; color:{vb:stylevar navbar_selected_popup_body_a_Color}" href="sublink1.php">SubLink 1</a></li>
<li><a style="color:{vb:stylevar navbar_selected_popup_body_a_Color}" href="sublink2.php">SubLink 2</a></li>
<li><a style="color:{vb:stylevar navbar_selected_popup_body_a_Color}" href="sublink3.php">SubLink 3</a></li>
</ul>
</li>

---

Does what it says on the tin :)

Very simple, and effective

thanks

Works great. Is there a way to get the same background color as you have over it like the other buttons?

simple and great, thanks

Now that is great, I have finally a dropdown menu where I want it, thanks very much :)

--------------- Added [DATE]1258657656[/DATE] at [TIME]1258657656[/TIME] ---------------

Can I ask how would you set this so only certain usergroups would see the links, and the tabs?

Thanks

Simple. Nice. Clean.

And the example screenshot. Priceless!

Perfect, thank you Shelby.

Thank you.
Is there a way to choose where in the nav bar you want it located?

Substituting 'navtab_middle' for 'navtab_end' places it after the Forum tab and before the Blogs tab.

I have changed it up a few to open a new screen. Hope this helps a few.

To only let members see you could try:
I also found out that if you want two drop downs it worked for me like this:
Top one is hidden from guest. Then the other all can see.

Great code Shelby.Hope you don't mind but was just playing a bit with it and wanted to share.