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

[Pod]

Originally Posted by Eric Anderson

I modified your code so the tab would highlight when hovered or clicked like the rest of the tabs. Unfortunately I had to lose the arrow. I attached a pic of the change and here is the code.

Template:

PHP Code:

<li class="popupmenu">
<a href="javascript://" class="popupctrl navtab">Vmax4.com Pages</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>
<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> 


You can try to add the arrow manually:

PHP Code:

<a href="javascript://" class="popupctrl navtab">Vmax4.com Pages <img src="{vb:stylevar imgdir_misc}/arrow.png" style="vertical-align: middle;" /></a> 


Also, to save "ink", you can put the color part of the style in the ul tag, instead of every a tag. It works for me, at least.

[nubian]

LOL @ drop bombs on your moms, that's awesome!
But why was the Shelby banned?

[ywwz]

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

can i use Begin instead of middle or end?

[Lynne]

Originally Posted by ywwz

can i use Begin instead of middle or end?

You may use whichever template_hook you want in the navbar.

[stejoh]

Thanks for great instructions.

Is there a way to keep the new Tab "highlighted" when reading a custom page.

I have created an About tab and when I choose a custom page from the dropdown-meny, the latest active "native" tab is still highlighted.

You can take a look at www.99nicu.org/forum

[TheSupportForum]

does anyone know how to make this a clickable link

<li class="popupmenu">
<a href="javascript://" class="popupctrl navtab" style="background:transparent url(images/misc/arrow.png) no-repeat {vb:stylevar right} center; padding-right: 15px">Webmaster Links</a>

when you click it i want to be able to do to a page


i tried

<li class="popupmenu">
<a href="webmaster.php" class="popupctrl navtab" style="background:transparent url(images/misc/arrow.png) no-repeat {vb:stylevar right} center; padding-right: 15px">Webmaster Links</a>

doesnt work

[Front Range 4x4]

Thank you, very useful

[anilsaxena]

This works great.
I noticed that user has to click first then only on hover it automatically shows drop-down. Is there a way to show drop-down without click?

[MooseMoney]

NOPE - does not work for me!

I have meticulously followed all the steps as per message No. 1. Nothing - no navbar buttons.
Neither can I find the plugin I created during step 2.
I have vB4 CMS suite installed - please help.

[businessmeet]

EDIT: Nevermind!! I figured it out! Sorry! Just remove that "{vb:rawphrase faq}" stuff, with your own wording.

Maybe I overlooked something, but how do you adjust single link codes or rename them in the little navigation menu part? Like the "New Posts" "Private Messages" "FAQ" "Calendar" links? It seemed easier to do in version 3.8.4. Now in 4.0 it's:

<li><a rel="help" href="faq.php{vb:raw session.sessionurl_q}">{vb:rawphrase faq}</a></li>