You never added it to your navbar. You only did the second part of the instructions (the dropdown part).

Oh. Duh. Sorry to bother you. Thanks for kickstarting my brain! :D

i cant get this to work in 3.8.4....do the instructions on the first post work in 3.8.4?

Yes. But, if you are using a custom style, you may have to change things slightly due to changes between the default style and your custom style.

I've tried to get this work and no luck. It hasn't showed up in the nav bar for me. For a quick instance it showed up next to my log in information, but that disappeared.

Here's my code. As far as I can see for Step 1 I found the correct.

Here's my code broken up with the bolded parts being what I had added in. If the entire code is needed, let me know. I figured this would might be easy to determine if and where I messed up

You are adding the code into your navbar where the Notifications are supposed to go. You need to add it amongst the other navbar links.

Ah... Thank you. I had been wondering why I wasn't putting any code where the Nav Buttons are. I guess for 3.8 it would be the 2nd instance of One mroe quick question... I don't want the "nohilite" feature. Do I just delete >>title="nohilite"<<?

Try it and see. (Sorry, I've always left that there, so I don't know what happens if you remove it.)

Will this work with
I want to make sure the menu is only shown to those usergroups. It works right now with a direct link but now i need more menus underneath it.

I don't know why you have that extra <if>. This should work:

hi i can add a new drop down menu no problem using the instructions in this thread but my question is how does one add a submenu to an already existing navbar link, specifically User CP

i want to add some links under this i.e. My Posts, My Details, My Contacts etc...

this was really helpful, our navibar was getting seriously cluttered and thankfully we managed to group similar links together and even add more!!! :D
thanks a bunch ^_^

This is so valuable to know!

It works GREAT in FF, but in IE it completely fails.

I'm using a somewhat custom navbar, tho, so I don't know if I've got something in the wrong place, but like I said, it works great in FF...

http://www.cemagraphics.com/cmps_index.php

I don't know HOW I did it, but somehow it's working in IE now.

I only made a couple of seemingly unrelated changes to my navbar template:

EDIT: Oops. I thought I had it, but it's not working again. This time I didn't change anything.

Could this be a setting in IE8 that I'm missing?

I really need to get this working so people can use my site properly...

Any ideas?

EDIT: It's not just my own dropdown that's not working in IE, but it's ALL of them (when I'm signed in the existing navbar shows), but there's one thing...I have the UserCP Navbar Menu mod installed, and it's the ONLY popup that's working. :erm:

Sorry this is crap, it ++++s the the nav bar on 3.8.4 for me and it not even a drop down...

Dropdown is the ones with the Arrow next to them not a nav going down.

Thanks so much!!

Sorry about the bump but how would I do this if I wanted to make a dropdown for Postbit?

Please delete

The drop down link shows up fine in Chrome and FireFox but when I view it in IE it goes bananas. Attached image is how it shows once I click the drop down link. Why is it doing that?

Here is the code I used

and

bump

Any help?

Change the table line above to the follow.

I'm trying to get this mod (How To Add Drop Down Menus To Your Navbar) to work on my website. I'm running vB 3.8.7PL3 and need a little handholding to get this done. I decided to leave your "custom menu" and "Custom Menu" in place in order to get it going first and then [once going], I could change things up. Below is what I have so far. I'm listing my titles in red.

Please help.

Bob

Hack Part 1:

<!--Start Custom Drop Down Menu Part 1-->

<td id="custommenu" class="vbmenu_control"><a href="#">Custom Menu</a><script type="text/javascript">vbmenu_register("custommenu");</script></td>

<!--End Custom Drop Down Menu Part 1 -->


Hack Part 2:

<!--Start Custom Drop Down Menu Part 2-->

<div class="vbmenu_popup" id="custommenu_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">

<tr><td class="thead">Custom Menu</td></tr>

<tr><td class="vbmenu_option" title="nohilite"><a href="http://www.caught-the-skunk.com/index.php?pageid=new-york-supporters">New York</a></td></tr>
<tr><td class="vbmenu_option" title="nohilite"><a href="http://www.caught-the-skunk.com/index.php?pageid=new-york-fishing-flea-markets">Fishing Flea Markets</a></td></tr>
<tr><td class="vbmenu_option" title="nohilite"><a href="http://www.caught-the-skunk.com/index.php?pageid=new-york-fishing-boating-outdoors-shows">Outdoor Sports' Shows</a></td></tr>
<tr><td class="vbmenu_option" title="nohilite"><a href="http://www.caught-the-skunk.com/f222/">Fishing Reports</a></td></tr>
<tr><td class="vbmenu_option" title="nohilite"><a href="http://www.caught-the-skunk.com/index.php?pageid=new-york-fishing-tournaments-1-of-3">Fishing Tournaments 1</a></td></tr>
<tr><td class="vbmenu_option" title="nohilite"><a href="http://www.caught-the-skunk.com/index.php?pageid=new-york-fishing-tournaments-2-of-3">Fishing Tournaments 2</a></td></tr>
<tr><td class="vbmenu_option" title="nohilite"><a href="http://www.caught-the-skunk.com/index.php?pageid=new-york-fishing-tournaments-3-of-3">Fishing Tournaments 3</a></td></tr>
<tr><td class="vbmenu_option" title="nohilite"><a href="http://www.caught-the-skunk.com/index.php?pageid=ny-marine-weather-forecast">Marine Weather Forecast</a></td></tr>
<tr><td class="vbmenu_option" title="nohilite"><a href="http://www.caught-the-skunk.com/index.php?pageid=ny-marine-wind-forecast">Marine Wind Forecast</a></td></tr>
<tr><td class="vbmenu_option" title="nohilite"><a href="http://www.caught-the-skunk.com/index.php?pageid=ny-buoy-wind-wave-water-conditions">Buoy Wind Wave and Water Temps</a></td></tr>
<tr><td class="vbmenu_option" title="nohilite"><a href="http://www.caught-the-skunk.com/index.php?pageid=new-york-tides">Tides</a></td></tr>
<tr><td class="vbmenu_option" title="nohilite"><a href="http://www.caught-the-skunk.com/index.php?pageid=new-york-nautical-charts">Nautical Charts</a></td></tr>
<tr><td class="vbmenu_option" title="nohilite"><a href="http://www.caught-the-skunk.com/index.php?pageid=noaa-saltwater-fishing-registry">Federal Saltwater Registry</a></td></tr>
<tr><td class="vbmenu_option" title="nohilite"><a href="http://www.dec.ny.gov/permits/54950.html">State Saltwater Registry</a></td></tr>
<tr><td class="vbmenu_option" title="nohilite"><a href="http://www.caught-the-skunk.com/index.php?pageid=offshore-fishing-regulations">Offshore Fishing Regs</a></td></tr>
<tr><td class="vbmenu_option" title="nohilite"><a href="http://www.caught-the-skunk.com/index.php?pageid=new-york-department-environmental-conservation">DEC</a></td></tr>
<tr><td class="vbmenu_option" title="nohilite"><a href="http://www.caught-the-skunk.com/index.php?pageid=new-york-office-parks-recreation-historical-preservation">OPRHP</a></td></tr>
<tr><td class="vbmenu_option" title="nohilite"><a href="http://www.caught-the-skunk.com/index.php?pageid=new-york-artificial-reefs">Artificial Reefs</a></td></tr>
<tr><td class="vbmenu_option" title="nohilite"><a href="http://www.caught-the-skunk.com/index.php?pageid=new-york-four-wheel-drive-beach-access">4x4 Beach Access</a></td></tr>
<tr><td class="vbmenu_option" title="nohilite"><a href="http://www.caught-the-skunk.com/index.php?pageid=ny-boat-ramps">Boat Ramps</a></td></tr>
<tr><td class="vbmenu_option" title="nohilite"><a href="http://www.caught-the-skunk.com/index.php?pageid=new-york-fishing-piers">Fishing Piers</a></td></tr>
<tr><td class="vbmenu_option" title="nohilite"><a href="http://www.caught-the-skunk.com/index.php?pageid=new-york-marine-police">Marine Police</a></td></tr>
<tr><td class="vbmenu_option" title="nohilite"><a href="http://www.caught-the-skunk.com/index.php?pageid=new-york-pumpout-stations">Pumpout Stations</a></td></tr>
<tr><td class="vbmenu_option" title="nohilite"><a href="http://www.caught-the-skunk.com/index.php?pageid=ny-fishing-club-links">Fishing Clubs</a></td></tr>
<tr><td class="vbmenu_option" title="nohilite"><a href="http://www.caught-the-skunk.com/index.php?pageid=new-york-topo-maps-by-county">Topo Maps</a></td></tr>
<tr><td class="vbmenu_option" title="nohilite"><a href="http://www.caught-the-skunk.com/index.php?pageid=ny-fish-consumption-advisories">Fish Consumption Advisories</a></td></tr>
<tr><td class="vbmenu_option" title="nohilite"><a href="http://www.caught-the-skunk.com/index.php?pageid=new-york-surf-cams">Web Cams</a></td></tr>
</table>
</div>

[<!--Stop Custom Drop Down Menu Part 2-->

Hello Bob, This edit is not working for you? If you added the code to the correct location as per instructions it will wok flawlessly.

Are you trying to add this to a new top navbar?

Eddie,

I want the Main drop-down heading to be "New York" (with no link).

I want the remaining drop-down subheadings for New York to be:

1) "NY Caught-The-Skunk.com Supporters" + Link
2) "Fishing Flea Markets" + Link
3) "Outdoor Sports' Shows" + Link

etc...etc...etc..., as I'm trying to convert a vertical menu to a horizontal menu. As it sits, the text "Custom Menu" is not even close to the designated location. It's showing up outside (i.e., below the Breadcrumb Menu), just below the text/link "User CP."

I copied my entire Navbar code and placed the mod in RED. Please edit as necessary. I would very much appreciate your help in getting this done.

I figure that after I get one set done that I can struggle through the others. If not, I'll be back on here seeking help again.

Here it is:


<!-- breadcrumb, login, pm info -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="alt1" width="100%">
<if condition="is_array($navbits)">
<table cellpadding="0" cellspacing="0" border="0">
<tr valign="bottom">
<td><a href="#" onclick="history.back(1); return false;"><img src="$stylevar[imgdir_misc]/navbits_start.gif" alt="$vbphrase[go_back]" border="0" /></a></td>
<td>&nbsp;</td>
<td width="100%"><span class="navbar"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1">$vboptions[bbtitle]</a></span> $navbits[breadcrumb]</td>
</tr>
<tr>
<td class="navbar" style="font-size:10pt; padding-top:1px" colspan="3"><if condition="$_SERVER['REQUEST_METHOD'] == 'POST'"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_finallink_$stylevar[textdirection].gif" alt="" border="0" /><else /><a href="$navbar_reloadurl"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_finallink_$stylevar[textdirection].gif" alt="$vbphrase[reload_this_page]" border="0" /></a></if> <strong>$navbits[lastelement]</strong></td>
</tr>
</table>
<else />
<div class="navbar" style="font-size:10pt"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_start.gif" alt="" border="0" /></a> <strong>$vboptions[bbtitle]</strong></div>
</if>
</td>
<if condition="$show['member']">
<td class="alt2" nowrap="nowrap">
<div class="smallfont">
<strong><phrase 1="$bbuserinfo[username]" 2="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[welcome_x_link_y]</phrase></strong><br />
<phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase>

<if condition="$show['notifications']">
<div><span id="notifications"><a href="usercp.php$session[sessionurl_q]">$vbphrase[your_notifications]:</a> <strong>$notifications_total</strong></span></div>
<if condition="$show['popups']">
<script type="text/javascript"> vBmenu.register("notifications"); </script>
<else />
<script type="text/javascript" src="clientscript/vbulletin_notifications_nopopups.js?v=$vboptions[simpleversion]"></script>
<script type="text/javascript"> vBulletin.register_control("vB_Notifications_NoPop ups", "notifications"); </script>
</if>
<else /><if condition="$show['pmstats']">
<div><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase></div>
</if></if>

<if condition="$show['pmwarning']"><div><strong><phrase 1="$vbphrase[pmpercent_nav_compiled]">$vbphrase[your_pm_box_is_x_full]</phrase></strong></div></if>
</div>
</td>
<else />
<td class="alt2" nowrap="nowrap" style="padding:0px">
<!-- login form -->
<form action="login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])">
<script type="text/javascript" src="clientscript/vbulletin_md5.js?v=$vboptions[simpleversion]"></script>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
<tr>
<td class="smallfont" style="white-space: nowrap;"><label for="navbar_username">$vbphrase[username]</label></td>
<td><input type="text" class="bginput" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /></td>
<td class="smallfont" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" />$vbphrase[remember_me]</label></td>
</tr>
<tr>
<td class="smallfont"><label for="navbar_password">$vbphrase[password]</label></td>
<td><input type="password" class="bginput" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" tabindex="102" /></td>
<td><input type="submit" class="button" value="$vbphrase[log_in]" tabindex="104" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" /></td>
</tr>
</table>
<input type="hidden" name="s" value="$session[sessionhash]" />
<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
<input type="hidden" name="do" value="login" />
<input type="hidden" name="vb_login_md5password" />
<input type="hidden" name="vb_login_md5password_utf" />
</form>
<!-- / login form -->
</td>
</if>
</tr>
</table>
<!-- / breadcrumb, login, pm info -->



<!-- nav buttons bar -->


<div class="tborder" style="padding:$stylevar[cellspacing]px; border-top-width:0px">
<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
<tr align="center">
<if condition="$show['member']">
<td class="vbmenu_control"><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_cp]</a></td>
</if>
<if condition="$show['registerbutton']">
<td class="vbmenu_control"><a href="register.php$session[sessionurl_q]" rel="nofollow">$vbphrase[register]</a></td>
</if>
$template_hook[navbar_buttons_left]

<td class="vbmenu_control"><a href="http://www.caught-the-skunk.com/">Home</a></td>

<td class="vbmenu_control"><a href="http://www.caught-the-skunk.com/forum.php">Forum</a></td>

<td class="vbmenu_control"><a href="http://www.facebook.com/pages/Caught-The-Skunkcom/115854208482065?sk=info">Facebook</a></td>



<td class="vbmenu_control"><a rel="help" href="faq.php$session[sessionurl_q]" accesskey="5">$vbphrase[faq]</a></td>
<if condition="$show['communitylink'] AND $show['popups']">
<td class="vbmenu_control"><a id="community" href="$show[nojs_link]#community" rel="nofollow" accesskey="6">$vbphrase[community]</a> <script type="text/javascript"> vbmenu_register("community"); </script></td>
<else />
<if condition="$show['memberslist']">
<td class="vbmenu_control"><a href="memberlist.php$session[sessionurl_q]">$vbphrase[members_list]</a></td>
</if>
<if condition="$show['quick_links_groups']">
<td class="vbmenu_control"><a href="group.php?$session[sessionurl]">$vbphrase[social_groups]</a></td>
</if>
</if>
<td class="vbmenu_control"><a href="calendar.php$session[sessionurl_q]">$vbphrase[calendar]</a></td>
<if condition="$show['popups']">
<if condition="$show['searchbuttons']">
<if condition="$show['member']">
<td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>
<else />
<td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
</if>
<td class="vbmenu_control"><a id="navbar_search" href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow">$vbphrase[search]</a> <if condition="$show['quicksearch']"><script type="text/javascript"> vbmenu_register("navbar_search"); </script></if></td>
</if>
<if condition="$show['member']">
<td class="vbmenu_control"><a id="usercptools" href="$show[nojs_link]#usercptools" accesskey="3">$vbphrase[quick_links]</a> <script type="text/javascript"> vbmenu_register("usercptools"); </script></td>
</if>
<else />
<if condition="$show['searchbuttons']">
<td class="vbmenu_control"><a href="search.php$session[sessionurl_q]" accesskey="4">$vbphrase[search]</a></td>
<if condition="$show['member']">
<td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>
<else />
<td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
</if>
</if>
<td class="vbmenu_control"><a href="forumdisplay.php?$session[sessionurl]do=markread" rel="nofollow">$vbphrase[mark_forums_read]</a></td>
<if condition="$show['member']">
<td class="vbmenu_control"><a href="#" onclick="window.open('misc.php?$session[sessionurl]do=buddylist&amp;focus=1','buddylist','statusbar=n o,menubar=no,toolbar=no,scrollbars=yes,resizable=y es,width=250,height=300'); return false;">$vbphrase[open_contacts]</a></td>
</if>
</if>
$template_hook[navbar_buttons_right]
<if condition="$show['member']">
<td class="vbmenu_control"><a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')">$vbphrase[log_out]</a></td>
</if>
</tr>
</table>
</div>
<!-- / nav buttons bar -->

<br />

<if condition="$show['notices']">
<form action="profile.php?do=dismissnotice" method="post" id="notices">
<input type="hidden" name="do" value="dismissnotice" />
<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
<input type="hidden" id="dismiss_notice_hidden" name="dismiss_noticeid" value="" />
<input type="hidden" name="url" value="$return_link" />
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="thead">$vbphrase[notices]</td>
</tr>
<tr>
<td class="alt1">
$notices
</td>
</tr>
</table>
<br />
</form>
</if>

<if condition="$show['forumdesc']">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="alt1" width="100%"><strong>$foruminfo[title]</strong> <span class="smallfont">$foruminfo[description]</span></td>
</tr>
</table>
<br />
</if>

<if condition="$show['popups']">

<!--Start Custom Drop Down Menu Part 1-->

<td id="custommenu" class="vbmenu_control"><a href="">Custom Menu</a>
<script type="text/javascript">vbmenu_register("custommenu");</script>
</td>

<!--End Custom Drop Down Menu Part 1 -->

<!-- NAVBAR POPUP MENUS -->

<!--Start Custom Drop Down Menu Part 2-->

<div class="vbmenu_popup" id="custommenu_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">

<tr><td class="thead">Custom Menu</td></tr>
<tr><td class="vbmenu_option" title="nohilite">

<tr><td class="vbmenu_option" title="nohilite"><a href="http://www.caught-the-skunk.com/index.php?pageid=new-york-supporters">NY Caught-The-Skunk.com Supporters</a></td></tr>

<tr><td class="vbmenu_option" title="nohilite"><a href="http://www.caught-the-skunk.com/index.php?pageid=new-york-fishing-flea-markets">Fishing Flea Markets</a></td></tr>

<tr><td class="vbmenu_option" title="nohilite"><a href="http://www.caught-the-skunk.com/index.php?pageid=new-york-fishing-boating-outdoors-shows">Outdoor Sports' Shows</a></td></tr>

</td>
</tr>
</table>
</div>

<!--Stop Custom Drop Down Menu Part 2-->


<if condition="$show['communitylink']">
<!-- community link menu -->
<div class="vbmenu_popup" id="community_menu" style="display:none;margin-top:3px" align="$stylevar[left]">
<table cellpadding="4" cellspacing="1" border="0">
<tr><td class="thead">$vbphrase[community_links]</td></tr>
$template_hook[navbar_community_menu_start]
<if condition="$show['quick_links_groups']">
<tr><td class="vbmenu_option"><a href="group.php$session[sessionurl_q]">$vbphrase[social_groups]</a></td></tr>
</if>
<if condition="$show['quick_links_albums']">
<tr><td class="vbmenu_option"><a href="album.php$session[sessionurl_q]">$vbphrase[pictures_and_albums]</a></td></tr>
</if>
<if condition="$bbuserinfo['userid']">
<tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=buddylist"><if condition="$show['friends_and_contacts']">$vbphrase[contacts_and_friends]<else />$vbphrase[contacts]</if></a></td></tr>
</if>
<if condition="$show['memberslist']">
<tr><td class="vbmenu_option"><a href="memberlist.php$session[sessionurl_q]">$vbphrase[members_list]</a></td></tr>
</if>
$template_hook[navbar_community_menu_end]
</table>
</div>
<!-- / community link menu -->
</if>

<if condition="$show['searchbuttons']">
<!-- header quick search form -->
<div class="vbmenu_popup" id="navbar_search_menu" style="display:none;margin-top:3px" align="$stylevar[left]">
<table cellpadding="4" cellspacing="1" border="0">
<tr>
<td class="thead">$vbphrase[search_forums]</td>
</tr>
<tr>
<td class="vbmenu_option" title="nohilite">
<form action="search.php?do=process" method="post">

<input type="hidden" name="do" value="process" />
<input type="hidden" name="quicksearch" value="1" />
<input type="hidden" name="childforums" value="1" />
<input type="hidden" name="exactname" value="1" />
<input type="hidden" name="s" value="$session[sessionhash]" />
<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
<div><input type="text" class="bginput" name="query" size="25" tabindex="1001" /><input type="submit" class="button" value="$vbphrase[go]" tabindex="1004" /></div>
<div style="margin-top:$stylevar[cellpadding]px">
<label for="rb_nb_sp0"><input type="radio" name="showposts" value="0" id="rb_nb_sp0" tabindex="1002" checked="checked" />$vbphrase[show_threads]</label>
&nbsp;
<label for="rb_nb_sp1"><input type="radio" name="showposts" value="1" id="rb_nb_sp1" tabindex="1003" />$vbphrase[show_posts]</label>
</div>
</form>
</td>
</tr>
<if condition="$vboptions[threadtagging]">
<tr>
<td class="vbmenu_option"><a href="tags.php$session[sessionurl_q]" rel="nofollow">$vbphrase[tag_search]</a></td>
</tr>
</if>
<tr>
<td class="vbmenu_option"><a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow">$vbphrase[advanced_search]</a></td>
</tr>
$template_hook[navbar_search_menu]
</table>
</div>
<!-- / header quick search form -->
</if>

<if condition="$show['member']">
<!-- user cp tools menu -->
<div class="vbmenu_popup" id="usercptools_menu" style="display:none;margin-top:3px" align="$stylevar[left]">
<table cellpadding="4" cellspacing="1" border="0">

<tr><td class="thead">$vbphrase[quick_links]</td></tr>
<if condition="$vboptions['enablesearches']"><tr><td class="vbmenu_option"><a href="search.php?$session[sessionurl]do=getdaily">$vbphrase[todays_posts]</a></td></tr></if>
<tr><td class="vbmenu_option"><a href="forumdisplay.php?$session[sessionurl]do=markread">$vbphrase[mark_forums_read]</a></td></tr>
<tr><td class="vbmenu_option"><a href="#" onclick="window.open('misc.php?$session[sessionurl]do=buddylist&amp;focus=1','buddylist','statusbar=n o,menubar=no,toolbar=no,scrollbars=yes,resizable=y es,width=250,height=300'); return false;">$vbphrase[open_contacts]</a></td></tr>
$template_hook[navbar_quick_links_menu_pos1]
$template_hook[navbar_quick_links_menu_pos2]

<tr><td class="thead"><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_control_panel]</a></td></tr>
<if condition="$show['siglink']"><tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editsignature">$vbphrase[edit_signature]</a></td></tr></if>
<!--<if condition="$show['avatarlink']"><tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editavatar">$vbphrase[edit_avatar]</a></td></tr></if>-->
<tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editprofile">$vbphrase[edit_your_details]</a></td></tr>
<tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editoptions">$vbphrase[edit_options]</a></td></tr>
$template_hook[navbar_quick_links_menu_pos3]

<tr><td class="thead">$vbphrase[miscellaneous]</td></tr>
<if condition="$show['pmmainlink']"><tr><td class="vbmenu_option"><a href="private.php$session[sessionurl_q]" rel="nofollow">$vbphrase[private_messages]</a></td></tr></if>
<tr><td class="vbmenu_option"><a href="subscription.php$session[sessionurl_q]" rel="nofollow">$vbphrase[subscribed_threads]</a></td></tr>
<tr><td class="vbmenu_option"><a href="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[your_profile]</a></td></tr>
<if condition="$show['wollink']"><tr><td class="vbmenu_option"><a href="online.php$session[sessionurl_q]">$vbphrase[whos_online]</a></td></tr></if>
$template_hook[navbar_quick_links_menu_pos4]

</table>
</div>
<!-- / user cp tools menu -->

</if>
<!-- / NAVBAR POPUP MENUS -->

<!-- PAGENAV POPUP -->
<div class="vbmenu_popup" id="pagenav_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">
<tr>
<td class="thead" nowrap="nowrap">$vbphrase[go_to_page]</td>
</tr>
<tr>
<td class="vbmenu_option" title="nohilite">
<form action="$vboptions[forumhome].php" method="get" onsubmit="return this.gotopage()" id="pagenav_form">
<input type="text" class="bginput" id="pagenav_itxt" style="font-size:11px" size="4" />
<input type="button" class="button" id="pagenav_ibtn" value="$vbphrase[go]" />
</form>
</td>
</tr>
</table>
</div>
<!-- / PAGENAV POPUP -->
</if>

<if condition="$show['member'] AND $notifications_total">
<!-- notifications menu -->
<div class="vbmenu_popup" id="notifications_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">
<tr><td class="thead" colspan="2">$vbphrase[your_notifications]</td></tr>
$notifications_menubits
</table>
</div>
<!-- / notifications menu -->
</if>

Well, first things first. Let's put the actual part people are going to click on to open the menu in the right place.
vBulletin looked a little different when this tutorial was made in 2006, so it's not going to work under the first instance of <if condition="$show['popups']">. However, you've put it under the third instance. It needs to go somewhere under the second, otherwise it's incomplete table code just floating on the page somewhere. Let's put it in after/under the Calendar for right now:

(NOTE: That hashtag is important. Removing it will actually do the opposite of what you want it to do.)

You can put this pretty much anywhere you want, as long as you keep it inside the giant <table> that's containing all the menu items. Remember that it's a <td> cell, which means if you don't nest it properly, it won't look right. A proper table is made of the <table> itself, then table rows <tr> then row divisions <td>.

Now the menu itself can go right where you had it. No one is going to see it until it's clicked on. But the code's a little mussy. The menu is a little table itself, with multiple rows <tr>, but only one <td> per row. Again, it needs to be properly nested to show up right.

Then when you get to styling it, just use the classes, as they're shown in the example. class="thead" for headers, and class="vbmenu_option" for the clickable areas. (Though a header can also be a link, if needed.) Hopefully, that get's you started on the right track.

Overnight, I was able to get the double-menu up with the appropriate headings ([COLOR="rgb(0, 100, 0)"]code in green[/COLOR]) in place. Now, I need help with placement/editing of the code for the sub-heading drop-downs on the top part of the double-menu. I highlighted the code (in red) that Digital Jedi helped me with establishing a drop-down on the bottom part of the double-menu. That way, it can be moved if necessary to make things work on the top part. Once I get the correct coding established, I will do the same for the remaining states that my website covers, i.e., NJ, PA, DE, MD, & VA.

Code is as follows:

<!-- breadcrumb, login, pm info -->

<!-- top nav buttons bar -->

<div class="tborder" style="padding:1px; border-bottom-width:0px">
<table cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center">
<tr align="center">

<td class="vbmenu_control"><a href="#">New York</a></td>

<td class="vbmenu_control"><a href="#">New Jersey</a></td>

<td class="vbmenu_control"><a href="#">Pennsylvania</a></td>

<td class="vbmenu_control"><a href="#">Delaware</a></td>

<td class="vbmenu_control"><a href="#">Maryland</a></td>

<td class="vbmenu_control"><a href="#">Virginia</a></td>

</tr>
</table>
</div>

<!-- / top nav buttons bar -->

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="alt1" width="100%">
<if condition="is_array($navbits)">
<table cellpadding="0" cellspacing="0" border="0">
<tr valign="bottom">
<td><a href="#" onclick="history.back(1); return false;"><img src="$stylevar[imgdir_misc]/navbits_start.gif" alt="$vbphrase[go_back]" border="0" /></a></td>
<td>&nbsp;</td>
<td width="100%"><span class="navbar"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1">$vboptions[bbtitle]</a></span> $navbits[breadcrumb]</td>
</tr>
<tr>
<td class="navbar" style="font-size:10pt; padding-top:1px" colspan="3"><if condition="$_SERVER['REQUEST_METHOD'] == 'POST'"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_finallink_$stylevar[textdirection].gif" alt="" border="0" /><else /><a href="$navbar_reloadurl"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_finallink_$stylevar[textdirection].gif" alt="$vbphrase[reload_this_page]" border="0" /></a></if> <strong>$navbits[lastelement]</strong></td>
</tr>
</table>
<else />
<div class="navbar" style="font-size:10pt"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_start.gif" alt="" border="0" /></a> <strong>$vboptions[bbtitle]</strong></div>
</if>
</td>
<if condition="$show['member']">
<td class="alt2" nowrap="nowrap">
<div class="smallfont">
<strong><phrase 1="$bbuserinfo[username]" 2="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[welcome_x_link_y]</phrase></strong><br />
<phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase>

<if condition="$show['notifications']">
<div><span id="notifications"><a href="usercp.php$session[sessionurl_q]">$vbphrase[your_notifications]:</a> <strong>$notifications_total</strong></span></div>
<if condition="$show['popups']">
<script type="text/javascript"> vBmenu.register("notifications"); </script>
<else />
<script type="text/javascript" src="clientscript/vbulletin_notifications_nopopups.js?v=$vboptions[simpleversion]"></script>
<script type="text/javascript"> vBulletin.register_control("vB_Notifications_NoPop ups", "notifications"); </script>
</if>
<else /><if condition="$show['pmstats']">
<div><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase></div>
</if></if>

<if condition="$show['pmwarning']"><div><strong><phrase 1="$vbphrase[pmpercent_nav_compiled]">$vbphrase[your_pm_box_is_x_full]</phrase></strong></div></if>
</div>
</td>
<else />
<td class="alt2" nowrap="nowrap" style="padding:0px">
<!-- login form -->
<form action="login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])">
<script type="text/javascript" src="clientscript/vbulletin_md5.js?v=$vboptions[simpleversion]"></script>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
<tr>
<td class="smallfont" style="white-space: nowrap;"><label for="navbar_username">$vbphrase[username]</label></td>
<td><input type="text" class="bginput" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /></td>
<td class="smallfont" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" />$vbphrase[remember_me]</label></td>
</tr>
<tr>
<td class="smallfont"><label for="navbar_password">$vbphrase[password]</label></td>
<td><input type="password" class="bginput" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" tabindex="102" /></td>
<td><input type="submit" class="button" value="$vbphrase[log_in]" tabindex="104" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" /></td>
</tr>
</table>
<input type="hidden" name="s" value="$session[sessionhash]" />
<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
<input type="hidden" name="do" value="login" />
<input type="hidden" name="vb_login_md5password" />
<input type="hidden" name="vb_login_md5password_utf" />
</form>
<!-- / login form -->
</td>
</if>
</tr>
</table>
<!-- / breadcrumb, login, pm info -->



<!-- nav buttons bar -->


<div class="tborder" style="padding:$stylevar[cellspacing]px; border-top-width:0px">
<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
<tr align="center">
<if condition="$show['member']">
<td class="vbmenu_control"><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_cp]</a></td>
</if>
<if condition="$show['registerbutton']">
<td class="vbmenu_control"><a href="register.php$session[sessionurl_q]" rel="nofollow">$vbphrase[register]</a></td>
</if>
$template_hook[navbar_buttons_left]

<td class="vbmenu_control"><a href="http://www.caught-the-skunk.com/">Home</a></td>

<td class="vbmenu_control"><a href="http://www.caught-the-skunk.com/forum.php">Forum</a></td>

<td class="vbmenu_control"><a href="http://www.facebook.com/pages/Caught-The-Skunkcom/115854208482065?sk=info">Facebook</a></td>



<td class="vbmenu_control"><a rel="help" href="faq.php$session[sessionurl_q]" accesskey="5">$vbphrase[faq]</a></td>
<if condition="$show['communitylink'] AND $show['popups']">
<td class="vbmenu_control"><a id="community" href="$show[nojs_link]#community" rel="nofollow" accesskey="6">$vbphrase[community]</a> <script type="text/javascript"> vbmenu_register("community"); </script></td>
<else />
<if condition="$show['memberslist']">
<td class="vbmenu_control"><a href="memberlist.php$session[sessionurl_q]">$vbphrase[members_list]</a></td>
</if>
<if condition="$show['quick_links_groups']">
<td class="vbmenu_control"><a href="group.php?$session[sessionurl]">$vbphrase[social_groups]</a></td>
</if>
</if>


<td class="vbmenu_control"><a href="calendar.php$session[sessionurl_q]">$vbphrase[calendar]</a></td>
<if condition="$show['popups']">



<!--Start Custom Drop Down Menu Part 1-->

<td id="custommenu" class="vbmenu_control"><a href="#">New York</a><script type="text/javascript">vbmenu_register("custommenu");</script>
</td>

<!--End Custom Drop Down Menu Part 1 -->



<if condition="$show['searchbuttons']">
<if condition="$show['member']">
<td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>
<else />
<td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
</if>
<td class="vbmenu_control"><a id="navbar_search" href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow">$vbphrase[search]</a> <if condition="$show['quicksearch']"><script type="text/javascript"> vbmenu_register("navbar_search"); </script></if></td>
</if>
<if condition="$show['member']">
<td class="vbmenu_control"><a id="usercptools" href="$show[nojs_link]#usercptools" accesskey="3">$vbphrase[quick_links]</a> <script type="text/javascript"> vbmenu_register("usercptools"); </script></td>
</if>
<else />
<if condition="$show['searchbuttons']">
<td class="vbmenu_control"><a href="search.php$session[sessionurl_q]" accesskey="4">$vbphrase[search]</a></td>
<if condition="$show['member']">
<td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>
<else />
<td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
</if>
</if>
<td class="vbmenu_control"><a href="forumdisplay.php?$session[sessionurl]do=markread" rel="nofollow">$vbphrase[mark_forums_read]</a></td>
<if condition="$show['member']">
<td class="vbmenu_control"><a href="#" onclick="window.open('misc.php?$session[sessionurl]do=buddylist&amp;focus=1','buddylist','statusbar=n o,menubar=no,toolbar=no,scrollbars=yes,resizable=y es,width=250,height=300'); return false;">$vbphrase[open_contacts]</a></td>
</if>
</if>
$template_hook[navbar_buttons_right]
<if condition="$show['member']">
<td class="vbmenu_control"><a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')">$vbphrase[log_out]</a></td>
</if>
</tr>
</table>
</div>
<!-- / nav buttons bar -->

<br />

<if condition="$show['notices']">
<form action="profile.php?do=dismissnotice" method="post" id="notices">
<input type="hidden" name="do" value="dismissnotice" />
<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
<input type="hidden" id="dismiss_notice_hidden" name="dismiss_noticeid" value="" />
<input type="hidden" name="url" value="$return_link" />
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="thead">$vbphrase[notices]</td>
</tr>
<tr>
<td class="alt1">
$notices
</td>
</tr>
</table>
<br />
</form>
</if>

<if condition="$show['forumdesc']">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="alt1" width="100%"><strong>$foruminfo[title]</strong> <span class="smallfont">$foruminfo[description]</span></td>
</tr>
</table>
<br />
</if>

<if condition="$show['popups']">

<!-- NAVBAR POPUP MENUS -->


<!--Start Custom Drop Down Menu Part 2-->

<div class="vbmenu_popup" id="custommenu_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">

<tr><td class="thead">New York</td></tr>

<tr><td class="vbmenu_option"><a href="http://www.caught-the-skunk.com/index.php?pageid=new-york-supporters">NY Caught-The-Skunk.com Supporters</a></td></tr>

</table>
</div>
<!--Stop Custom Drop Down Menu Part 2-->

<if condition="$show['communitylink']">
<!-- community link menu -->
<div class="vbmenu_popup" id="community_menu" style="display:none;margin-top:3px" align="$stylevar[left]">
<table cellpadding="4" cellspacing="1" border="0">
<tr><td class="thead">$vbphrase[community_links]</td></tr>
$template_hook[navbar_community_menu_start]
<if condition="$show['quick_links_groups']">
<tr><td class="vbmenu_option"><a href="group.php$session[sessionurl_q]">$vbphrase[social_groups]</a></td></tr>
</if>
<if condition="$show['quick_links_albums']">
<tr><td class="vbmenu_option"><a href="album.php$session[sessionurl_q]">$vbphrase[pictures_and_albums]</a></td></tr>
</if>
<if condition="$bbuserinfo['userid']">
<tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=buddylist"><if condition="$show['friends_and_contacts']">$vbphrase[contacts_and_friends]<else />$vbphrase[contacts]</if></a></td></tr>
</if>
<if condition="$show['memberslist']">
<tr><td class="vbmenu_option"><a href="memberlist.php$session[sessionurl_q]">$vbphrase[members_list]</a></td></tr>
</if>
$template_hook[navbar_community_menu_end]
</table>
</div>
<!-- / community link menu -->
</if>

<if condition="$show['searchbuttons']">
<!-- header quick search form -->
<div class="vbmenu_popup" id="navbar_search_menu" style="display:none;margin-top:3px" align="$stylevar[left]">
<table cellpadding="4" cellspacing="1" border="0">
<tr>
<td class="thead">$vbphrase[search_forums]</td>
</tr>
<tr>
<td class="vbmenu_option" title="nohilite">
<form action="search.php?do=process" method="post">

<input type="hidden" name="do" value="process" />
<input type="hidden" name="quicksearch" value="1" />
<input type="hidden" name="childforums" value="1" />
<input type="hidden" name="exactname" value="1" />
<input type="hidden" name="s" value="$session[sessionhash]" />
<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
<div><input type="text" class="bginput" name="query" size="25" tabindex="1001" /><input type="submit" class="button" value="$vbphrase[go]" tabindex="1004" /></div>
<div style="margin-top:$stylevar[cellpadding]px">
<label for="rb_nb_sp0"><input type="radio" name="showposts" value="0" id="rb_nb_sp0" tabindex="1002" checked="checked" />$vbphrase[show_threads]</label>
&nbsp;
<label for="rb_nb_sp1"><input type="radio" name="showposts" value="1" id="rb_nb_sp1" tabindex="1003" />$vbphrase[show_posts]</label>
</div>
</form>
</td>
</tr>
<if condition="$vboptions[threadtagging]">
<tr>
<td class="vbmenu_option"><a href="tags.php$session[sessionurl_q]" rel="nofollow">$vbphrase[tag_search]</a></td>
</tr>
</if>
<tr>
<td class="vbmenu_option"><a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow">$vbphrase[advanced_search]</a></td>
</tr>
$template_hook[navbar_search_menu]
</table>
</div>
<!-- / header quick search form -->
</if>

<if condition="$show['member']">
<!-- user cp tools menu -->
<div class="vbmenu_popup" id="usercptools_menu" style="display:none;margin-top:3px" align="$stylevar[left]">
<table cellpadding="4" cellspacing="1" border="0">

<tr><td class="thead">$vbphrase[quick_links]</td></tr>
<if condition="$vboptions['enablesearches']"><tr><td class="vbmenu_option"><a href="search.php?$session[sessionurl]do=getdaily">$vbphrase[todays_posts]</a></td></tr></if>
<tr><td class="vbmenu_option"><a href="forumdisplay.php?$session[sessionurl]do=markread">$vbphrase[mark_forums_read]</a></td></tr>
<tr><td class="vbmenu_option"><a href="#" onclick="window.open('misc.php?$session[sessionurl]do=buddylist&amp;focus=1','buddylist','statusbar=n o,menubar=no,toolbar=no,scrollbars=yes,resizable=y es,width=250,height=300'); return false;">$vbphrase[open_contacts]</a></td></tr>
$template_hook[navbar_quick_links_menu_pos1]
$template_hook[navbar_quick_links_menu_pos2]

<tr><td class="thead"><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_control_panel]</a></td></tr>
<if condition="$show['siglink']"><tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editsignature">$vbphrase[edit_signature]</a></td></tr></if>
<!--<if condition="$show['avatarlink']"><tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editavatar">$vbphrase[edit_avatar]</a></td></tr></if>-->
<tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editprofile">$vbphrase[edit_your_details]</a></td></tr>
<tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editoptions">$vbphrase[edit_options]</a></td></tr>
$template_hook[navbar_quick_links_menu_pos3]

<tr><td class="thead">$vbphrase[miscellaneous]</td></tr>
<if condition="$show['pmmainlink']"><tr><td class="vbmenu_option"><a href="private.php$session[sessionurl_q]" rel="nofollow">$vbphrase[private_messages]</a></td></tr></if>
<tr><td class="vbmenu_option"><a href="subscription.php$session[sessionurl_q]" rel="nofollow">$vbphrase[subscribed_threads]</a></td></tr>
<tr><td class="vbmenu_option"><a href="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[your_profile]</a></td></tr>
<if condition="$show['wollink']"><tr><td class="vbmenu_option"><a href="online.php$session[sessionurl_q]">$vbphrase[whos_online]</a></td></tr></if>
$template_hook[navbar_quick_links_menu_pos4]

</table>
</div>
<!-- / user cp tools menu -->

</if>
<!-- / NAVBAR POPUP MENUS -->

<!-- PAGENAV POPUP -->
<div class="vbmenu_popup" id="pagenav_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">
<tr>
<td class="thead" nowrap="nowrap">$vbphrase[go_to_page]</td>
</tr>
<tr>
<td class="vbmenu_option" title="nohilite">
<form action="$vboptions[forumhome].php" method="get" onsubmit="return this.gotopage()" id="pagenav_form">
<input type="text" class="bginput" id="pagenav_itxt" style="font-size:11px" size="4" />
<input type="button" class="button" id="pagenav_ibtn" value="$vbphrase[go]" />
</form>
</td>
</tr>
</table>
</div>
<!-- / PAGENAV POPUP -->
</if>

<if condition="$show['member'] AND $notifications_total">
<!-- notifications menu -->
<div class="vbmenu_popup" id="notifications_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">
<tr><td class="thead" colspan="2">$vbphrase[your_notifications]</td></tr>
$notifications_menubits
</table>
</div>
<!-- / notifications menu -->
</if>

So is this a second navbar? If each of these are going to be their own individual drop down menus, then it looks fine. Each one will need it's own unique ID. In the three places custommenu appeared (twice in the navbar link, and once in the drop down menu), you'll put the unique id. That tells which button what to open and from where.

That's a lot of menus.

Digital Jedi,

Yes, we're talking about the TOP-MENU ONLY with the New York, New Jersey, Pennsylvania, Delaware, Maryland & Virginia and now adding the drop-down menus to these headings.

1) So, as I understand it, I am going to leave the main headings [Green-colored code] where they currently are located (i.e., as in my previous post) in the Navbar template.

2) Now, do I continue with additional heading entries using the menu code below, but where I change the heading from New York to New Jersey and rename "custommenu" to "custommenu1" [BLUE-colored code]?


<!--Start Top Navbar Custom Main-Heading Drop Down Menu New York-->

<td id="custommenu" class="vbmenu_control"><a href="#">New York</a><script type="text/javascript">vbmenu_register("custommenu");</script>
</td>

<!--End Top Navbar Custom Main-Heading Drop Down Menu New York-->


<!--Start Top Navbar Custom Main-Heading Drop Down Menu New Jersey-->

<td id="custommenu1" class="vbmenu_control"><a href="#">New Jersey</a><script type="text/javascript">vbmenu_register("custommenu1");</script>
</td>

<!--End Custom Top Navbar Main-Heading Drop Down Menu New Jersey-->


....then do the same for the remaining states, e.g., "custommenu2", "custommenu3", etc...?

3) Where do I place this code so it shows up in the TOP-MENU in the Navbar template?

4) Do I continue with additional sub-headings using the sub-menu code below, but where I change the sub-heading from a New York-based sub-heading + link to a New Jersey-based sub-heading + link [BLUE-colored code], i.e., after plugging in all of the additional New York sub-headings first?


<!--Start Custom Sub-Heading Menu New York-->

<div class="vbmenu_popup" id="custommenu_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">

<tr><td class="thead">New York</td></tr>

<tr><td class="vbmenu_option"><a href="http://www.caught-the-skunk.com/index.php?pageid=new-york-supporters">NY Caught-The-Skunk.com Supporters</a></td></tr>

<!--End Custom Sub-Heading Menu New York-->


<!--Start Custom Sub-Heading Menu New Jersey-->

<div class="vbmenu_popup" id="custommenu1_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">

<tr><td class="thead">New Jersey</td></tr>

<tr><td class="vbmenu_option"><a href="http://www.caught-the-skunk.com/index.php?pageid=new-york-supporters">NJ Caught-The-Skunk.com Supporters</a></td></tr>

</table>
</div>

<!--End Custom Sub-Heading Menu New Jersey-->

.......then do the same for the remaining sub-heading/links, e.g., "custommenu2_menu", "custommenu3_menu", etc...?

5) Is there (1) </table> followed by (1) </div> after I'm entered all this information?

6) Finally, I want to make each of the headings look like a button in menu bars. Is this something you can help me with? vBulletin default is ok. Don't want his image; just want the button effect. Here is the example:

https://vborg.vbsupport.ru/showthread.php?t=245441

I want to thank you for this help. It is greatly appreciated!!! I'm just an average Joe struggling with these little changes but learning along the way.

Bob

If that's where you want them, in a separate navbar, then they can technically go wherever you want. So long as everything is nested properly, they'll show up wherever you want them. Even outside the default navabar. It seems to be in it's own main div container, so you should be good as long as you've nested it properly in the overall HTML.

For these, the actual content of dropdown menus, these will all go in the same location as the fist one you made. That's mainly so you can find them again, and so they don't interfere with anything else. Their location is not the important part, however. Their unique identifiers are. The ID is what tells the the item clicked on which menu to display. So for example, you could just call the New York navbar link newyork:

See the two instances of newyork? That was where the two instances of custommenu were. This particular link is now going to execute JavaScript that's going to look for a div with the prefix newyork in its ID when someone clicks on it. So the actual menu content's id would be the one below:

So, you give each of your cities/menu something unique to identify them by. So long as don't use any special characters or spaces, you can call them whatever you want.

Each menu item is a div with a table inside of them, so yes. Anything opened (<tag>) will have to be properly closed (</tag>). Similar to before:

Actually, you can still follow his tutorial, just pick the image you want to use. Open up the Style Manager as he directs and look for the Edit CSS option. Then look for the block that handles the vbmenu_control class. Because it's CSS, you can do, well, all kinds of things to the menu. But just try out as he's directed, and you should get a really good idea of what you want to do from there. Also check W3Schools for their CSS tutorials and reference guide. Their very explanatory, but very brief. Easy to quickly grasp CSS from their tutorials in my opinion.

Your welcome. I just pretend I know what I'm talking about. Wait until you interact with someone who REALLY knows what he's talking about here. :eek:

After pulling my hair out for a few hours, I finally (through trial and error) figured it out. I actually wound up deleting the GREEN CODE and worked with your suggestions. Thank God! And thanks to the Digital Jedi too! Lots of work to put in all of those drop-downs in (6) headings but I really like it. Now I don't have to work on putting the "Superfish" menu up.

Now...as far as the BUTTON EFFECT is concerned, I have found the "CSS Selector: vbmenu_control" under "Popup Menu Controls" in the Admin CP.

Very important: I do NOT want to use his image; just want to use the standard "blue" Background (#738FBF) on the entire top & bottom menus, as the button's color. Just looking for the button effect.

My current default "Extra CSS Attributes" in the "Popup Menu Controls" is currently set as:

padding 3px 6px 3px 6px
white-space: nowrap;

How do I get the button effect?

Bob

I think you might mean something else by "button effect" than what he's demonstrating in his tutorial. In his case, the image IS the button effect. He creates the illusion of buttons by adding a background image to that class and adjusting its padding so there appears to be spaces in between. You can still have that kind of button without a background image, it would just be solid in color.

I see.

So how would I do the solid color to make it look like a button?

And/or maybe a white (or other color) vertical dividing line to separate the headings?

Bob

I personally would do that by setting the left or right margins to about a pixel or so. Something like margin-left:2px;. That would put a space beside every menu item, which will be the background color of the navbar. Try something like this in the additional CSS field:

How I can do if I want add to vb5

Certainly not using this vB3 article. As far as know, vB5 doesn't have native dropdowns. You would have to get a custom one and integrate it yourself.

thank you :D

My drop-down menu is missing ... where to look the code :( ... http://bit.ly/1dNYQwP