Go Back   vb.org Archive > vBulletin Article Depository > Read An Article > vBulletin 3 Articles

Reply
 
Thread Tools
How To Add Drop Down Menus To Your Navbar
peterska2
Join Date: Oct 2003
Posts: 6,504

 

Manchester, UK
Show Printable Version Email this Page Subscription
peterska2 peterska2 is offline 07-29-2006, 10:00 PM

I think everyone has encountered the situation at some point or other where their navbar has got very cluttered and they are faced with either adding yet another navbar, or adding some dropdown menus to group some items.

This tutorial explains how to create an additional drop down menu in your navbar.

Firstly, locate in your navbar template the first instace of
Code:
<if condition="$show['popups']">
and add after it
Code:
<td id="custommenu" class="vbmenu_control">
    <a href="#">Custom Menu</a>
    <script type="text/javascript">
        vbmenu_register("custommenu");
    </script>
</td>
Replace Custom Menu with the title for this menu which you want displayed on your navbar and custommenu with the name that you want to give your link. Note that spaces are not to be used as this will break the connection with the actual menu.

Next, in your navbar template find
Code:
<!-- NAVBAR POPUP MENUS -->
and add after it
Code:
<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">
content row
</td>
</tr>
</table>
</div>
Again replace custommenu with the name given to your link. Make sure that you leave the _menu after it as this identifies it as the menu part of the link. Also replace Custom Menu again with the title that you have used for your link.

The content row should be replaced with the actual menu item that you want to have in your new drop down menu.

Repeat the code
Code:
<tr>
            <td class="vbmenu_option" title="nohilite">
content row
</td>
</tr>
as required to add additional links onto your menu.

If you wish to break your menu into sections like the quicklinks use then add
Code:
<tr>
            <td class="thead">Custom Menu</td>
        </tr>
everywhere that you wish to add a new header.

The content added should be in the normal html format for links.



If you wish to add more than one menu, repeat the process for each one, ensuring that you use a different name for each menu otherwise they will not function correctly.


I hope you find this useful.
Reply With Quote
  #182  
Old 03-01-2012, 08:20 PM
Chase Chase is offline
 
Join Date: May 2002
Location: Northern Ohio
Posts: 237
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

bump
Reply With Quote
  #183  
Old 03-06-2012, 08:01 PM
Chase Chase is offline
 
Join Date: May 2002
Location: Northern Ohio
Posts: 237
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Any help?
Reply With Quote
  #184  
Old 03-07-2012, 02:12 AM
blind-eddie's Avatar
blind-eddie blind-eddie is offline
 
Join Date: Apr 2006
Location: Michigan
Posts: 2,310
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Chase View Post
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

PHP Code:
<td class="vbmenu_control"><a id="custommenu" href="#" rel="nofollow" accesskey="6">Custom Menu</a> <script type="text/javascript"vbmenu_register("custommenu"); </script></td
and

PHP Code:
<div class="vbmenu_popup" id="custommenu_menu" style="display:none;margin-top:3px" align="$stylevar[left]">
<
table width="100%" cellpadding="4" cellspacing="1" border="0">
        <
tr><td class="thead">Test</td></tr>
        <
tr><td class="vbmenu_option"><a href="#">This is a Test</a></td></tr>
        <
tr><td class="vbmenu_option"><a href="#">This is a Test</a></td></tr>
        <
tr><td class="vbmenu_option"><a href="#">Test Link</a></td></tr>
        <
tr><td class="thead">Test</td></tr>
        <
tr><td class="vbmenu_option"><a href="#" target="blank">This is a Test</a></td></tr>
<
tr><td class="vbmenu_option"><a href="#" target="blank">This is a Test</a></td></tr>
<
tr><td class="vbmenu_option"><a href="#" target="blank">Test Link</a></td></tr>
</
table>
</
div

Change the table line above to the follow.

Code:
<table cellpadding="4" cellspacing="1" border="0">
Reply With Quote
  #185  
Old 01-16-2013, 05:18 PM
microbob microbob is offline
 
Join Date: Jun 2009
Posts: 27
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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-->
Reply With Quote
  #186  
Old 01-17-2013, 02:36 AM
blind-eddie's Avatar
blind-eddie blind-eddie is offline
 
Join Date: Apr 2006
Location: Michigan
Posts: 2,310
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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?
Reply With Quote
  #187  
Old 01-18-2013, 03:38 AM
microbob microbob is offline
 
Join Date: Jun 2009
Posts: 27
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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>
Reply With Quote
  #188  
Old 01-18-2013, 06:24 AM
Digital Jedi's Avatar
Digital Jedi Digital Jedi is offline
 
Join Date: Oct 2006
Location: PopCulturalReferenceLand
Posts: 5,171
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Well, first things first. Let's put the actual part people are going to click on to open the menu in the right place.
HTML Code:
<!--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 -->
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:

Code:
<if condition="$show['popups']">
		<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="#">Custom Menu</a>
<script type="text/javascript">vbmenu_register("custommenu");</script>
</td>

<!--End Custom Drop Down Menu Part 1 -->
(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>.

HTML Code:
<table>
    <tr>
       <td>calendar</td>
       <td>custom menu</td>
       <td>new posts</td>
    </tr>
</table>

Everything neatly nested one inside the other. No overlapping tags.
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.

Code:
<!--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">This opening row and cell
don't close in the right place, so they're not needed.

<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> This closing row and cell tag are not in the right 
place, either, and not needed.
</table>
</div>

<!--Stop Custom Drop Down Menu Part 2-->
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.
Reply With Quote
  #189  
Old 01-20-2013, 04:25 PM
microbob microbob is offline
 
Join Date: Jun 2009
Posts: 27
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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>
Reply With Quote
  #190  
Old 01-20-2013, 06:07 PM
Digital Jedi's Avatar
Digital Jedi Digital Jedi is offline
 
Join Date: Oct 2006
Location: PopCulturalReferenceLand
Posts: 5,171
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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.
Code:
<!-- 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 -->
Reply With Quote
  #191  
Old 01-21-2013, 03:19 AM
microbob microbob is offline
 
Join Date: Jun 2009
Posts: 27
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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
Reply With Quote
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 06:22 PM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.07405 seconds
  • Memory Usage 2,481KB
  • Queries Executed 26 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (10)bbcode_code
  • (2)bbcode_html
  • (2)bbcode_php
  • (1)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)modsystem_article
  • (1)navbar
  • (4)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (3)pagenav_pagelink
  • (1)pagenav_pagelinkrel
  • (11)post_thanks_box
  • (11)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (11)post_thanks_postbit_info
  • (10)postbit
  • (11)postbit_onlinestatus
  • (11)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • fetch_musername
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete