The Arcive of Official vBulletin Modifications Site.It is not a VB3 engine, just a parsed copy! |
|
How To Add Drop Down Menus To Your Navbar
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']"> Code:
<td id="custommenu" class="vbmenu_control"> <a href="#">Custom Menu</a> <script type="text/javascript"> vbmenu_register("custommenu"); </script> </td> Next, in your navbar template find Code:
<!-- NAVBAR POPUP MENUS --> 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> 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> If you wish to break your menu into sections like the quicklinks use then add Code:
<tr> <td class="thead">Custom Menu</td> </tr> 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. |
#62
|
|||
|
|||
How can I remove menu_open.gif from my nav bar? I haven't been able to figure this out.
|
#63
|
||||
|
||||
Quote:
Thanks, Itworx4me |
#64
|
|||
|
|||
Well I was going to add the drop down menu to my dark_vb_v2 style, but the menu_open.gif throws off the look. I noticed that its a javascript thats stored in the clientscript folder. Does this mean I can't edit out the menu_open.gif file? I have come to that conclusion, though I may be wrong.
|
#65
|
|||
|
|||
Question, what is different with the code for Quick Links and this code that would render the new code non-working in Safari? I have everything entered correct, works perfectly in Firefox and IE, but if you use Safari, all the new links are unclickable. They are able to clickable links if they use the code that is there for Quick Links or Search.. so there is something in that code that I need to duplicate to get to work.
|
#66
|
|||
|
|||
I have installed this and want to add another menu can u do this..
And what i do the same?? Peter |
#67
|
|||
|
|||
Hi Kerry Ann,
I was wondering if I might have some assistance with adding a drop down menu to my navigation bar. I have been struggling with this and just cannot get it to work. I think part of my problem is because I am using a custom template in which all links to my navigation bar are added to the "header" template and not the navbar template. Argh, I'm ready to pull my hair out. My navigation bar is getting too cluttered so I want to add a drop down menu called "Fun & Games" in which a link to my Chatroom, Arcade and MP3 player will appear. Here is a copy of my Header template. Can you assist me and show me where and how I would add a drop down menu? I will gladly pay you for your time. The content below outlined in green is the content which should appear in the new pull down menu. <a name="top"></a> <table border="0" cellpadding="0" cellspacing="0" class="wrapper"> <tr> <td class="headerbg"><table width="654" border="0" cellpadding="0" cellspacing="0"> <tr> <td class="headerlogo"><a href="http://stamp-shack.com"><img src="images/girltalk/girlTalk_01.gif" style="border:none;" width="199" height="119" alt="$vboptions[bbtitle]" /></td> <td class="headerlogo2"> </td> </tr> </table></td> </tr> <tr> <td class="nav"><div class="navpad"> <!-- nav buttons bar --> <div align="center"> <table id="navstyle" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px"> <tr align="center"> <td><a href="http://stamp-shack.com">Home</a></td> <td><a href="http://stamp-shack.com/cmps_index.php?page=membership">Membership</a></td> <if condition="$show['member']"> <td><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_cp]</a></td> </if> <if condition="$show['registerbutton']"> <td><a href="register.php$session[sessionurl_q]" rel="nofollow">$vbphrase[register]</a></td> </if> <td><a href="memberlist.php$session[sessionurl_q]">$vbphrase[members_list]</a></td> <td><a href="http://stamp-shack.com/forum/index.php">Forums</a></td> <td><a href="/photopost">Gallery</a></td> <td><a href="http://stamp-shack.com/swap">Swaps</a></td> <td><a href="/forum/chat/flashchat.php">Chat</a></td> <td><a href="http://stamp-shack.com/forum/local_links.php">Templates</a></td> <td class="vbmenu_control"><a href="arcade.php?$session[sessionurl_q]">Arcade</a></td> I WANT TO ADD MY PULL DOWN MENU HERE <!—Mp3 Player Launch --> <if condition="$show['member']"> <td class="vbmenu_control"><a href="javascript:NewWindow=window.open('http://stamp-shack.com/forum/mp3playerindex.php?do=viewmp3playerpopup','newWin' ,'width=500,height=500,left=0,top=0, toolbar=No,location=No,scrollbars=1,status=No,resi zable=No,fullscreen=No'); NewWindow.focus(); void(0);">MP3 Player</a></td> </if> <!—End Mp3 Player Launch --> <td><a href="calendar.php$session[sessionurl_q]">$vbphrase[calendar]</a></td> <if condition="$show['popups']"> <if condition="$show['searchbuttons']"> <if condition="$show['member']"> <td><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td> <else /> <td><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td> </if> <td id="navbar_search"><a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow">$vbphrase[search]</a> <script type="text/javascript"> vbmenu_register("navbar_search"); </script></td> </if> <if condition="$show['member']"> <td id="usercptools"><a href="$show[nojs_link]#usercptools">$vbphrase[quick_links]</a> <script type="text/javascript"> vbmenu_register("usercptools"); </script></td> </if> <else /> <if condition="$show['searchbuttons']"> <td><a href="search.php$session[sessionurl_q]" accesskey="4">$vbphrase[search]</a></td> <if condition="$show['member']"> <td><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td><else /> <td><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td> </if> </if> <td><a href="forumdisplay.php?$session[sessionurl]do=markread" rel="nofollow">$vbphrase[mark_forums_read]</a></td> <if condition="$show['member']"> <td><a href="#" onclick="window.open('misc.php?$session[sessionurl]do=buddylist&focus=1','buddylist','statusbar=n o,menubar=no,toolbar=no,scrollbars=yes,resizable=y es,width=250,height=300'); return false;">$vbphrase[open_buddy_list]</a></td> </if> </if> <if condition="$show['member']"> <td><a href="login.php?$session[sessionurl]do=logout&logouthash=$bbuserinfo[logouthash]" onclick="return log_out()">$vbphrase[log_out]</a></td> </if></tr> </table> </div> <!-- / nav buttons bar --> </div></td> </tr> <tr> <td class="contentbg"> <!-- /logo --> <!-- content table --> $spacer_open $_phpinclude_output |
#68
|
|||
|
|||
All sorted now..just on my 3rd menu..lol..
Took awhile but sussed it out Peter |
#69
|
|||
|
|||
i dont understand the part about adding more than 1. its not working for me. i did add more than 1 but all it did was add two new sections to my nav bar instead of just 1 with 2 links
|
#70
|
|||
|
|||
Hi,
I have integrated a popmenu like this in my navbar. But it does not show when users are not logged in. I was wondering if you could tell me why this might be the case? It works fine for logged in users. I have not surrounded any part of the menu with a conditional show['members'] so not show why it isn't working... okay, I have just taken another look. The problem is it works in Firefox but not it Internet Explorer. the problem is: it does not drop down on the site homepage. once in the forum section it works okay, it does not matter if you are logged in or not. |
#71
|
|||
|
|||
Quote:
|
|
|
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
More Information | |
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|