Hello!

Great tutorial, thank you! I get this to work perfectly on my non modded vbulletin installation @ www.sportti.com/foorumi , but I can't get it to work at my customized site @ www.pokerimestari.com

That's not your tutorials fault, that's my retarded navbar templates fault. But if you have the time to look at my navbar code, I would be more than happy!

Great tutorial. Worked on the first try on the Default Style. Although, it only shows a dead link and no drop down on a custom style.

Any suggestions?

Custom style navbar code with a sample of your mod inserted:

thanks Kerry :)

I think you forgot the </td> though in:

Kerry ann, would it be possible to get some support still on this? :(

Your code is pretty extensive and I cannot see any evidence of the additional code for this. Can you snippet it or highlight in red the added code please.

You are quite right :o

Fixed it now though.

Thanks for this.

I tried it but is there any way to make the vbmenu show when the mouse hovers over the image instead of showing the vbmenu arrow, just like when you click on one of the dropdown menus and hover over another, it shows the dropdown.

I would like to make my icons vbmenu dropdowns - www.FloporFold.com

Thanks very much :)

Great tutorial!

I've tried to modify it to be used with a image button in stead of a text link, but I just cant get it right. Could you please help me in the right direction.

Thanks.

Wonderful tute!

Is there a way to move the drop down box?

www.hotcouponworld.com

The coupon resource link has the sub-menu way to the left and I would like to center it.

Mark

Anyone know the solution for my post on the 14th (3 posts up)?

I think Sjakie is looking to do something similar with using images.

Thanks

Excelent tutorial! (and rated as such)

I'm running into an issue where the links aren't showing like the other drop downs that come with the forum. Rather it's showing like the formatting is wrong, as shown in the picture here:

http://www.mj-garage.com/pics/newposts.jpg

I want the links under the "New Posts" label and not to the right of it. I also want the colors to match the other drop down menus....but I need to fix the first issue first...:(

here is my code:

Out of all the NavBars I tried out this is by far the best one.

Hey Sjakie did you work out how to do this with an image and no arrow?

I've figured it out. Look at the code that I've used on my forum for the "extra" button:

Thanks great, thanks very much!

You don't know how to make it show when a user hovers over it instead of clicking? Just because most users wouldn't know there is a dropdown with more options until they click on it.

Thanks again for sharing it, really appreciate it :)

Great to be of assistance.

Don't know how to make it pop up. But I've seen a tutorial on xbox live GamerTag popups that includes that feature, maybe you can look that up..

The menu isn't working for me for some reason, the menu is just showing up on the page without being clicked on.

Was there any other code you added for it?

Thanks again

Nope, this is the code I've used. Were did you put it?

There are two parts in this code that have to be put in different locations.

Ah right, I just placed all the code into the header to try it out before editing it for my own images/links.

Thanks again

How to make custom style to each vb_menu?

Example, menu one use this image https://vborg.vbsupport.ru/external/2010/06/3.gif (menu_open.gif) and other menu use an custom image by me.

In another words.... many vb_menu in same page, but custom and distinct style for each.

Thank you!

How can I remove menu_open.gif from my nav bar? I haven't been able to figure this out.

I would also be interested in how to get the drop down menu to activate when you mouse over the link.

Thanks,
Itworx4me

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.

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.

I have installed this and want to add another menu can u do this..

And what i do the same??

Peter

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">&nbsp;</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&amp;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&amp;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

All sorted now..just on my 3rd menu..lol..:D

Took awhile but sussed it out


Peter

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 :(

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.

I have the same problem with my links being in the header template instead of the navbar. Does anyone know how I could create a drop-down menu that wouldn't mess up all of the formatting?

try placing the first part (where you want the link to show) inthe relitive part of your header template and the (second part) in the correct place in the navbar template. i'm not sure if it would work but it would be the first thing i tried!:)

EDIT: that does not work! sorry

Kerry-Anne,

I can't thank you enough for this. You've eliminated my Navbar clutter. Thanks! :D

Anyone know how to center the drop down box below the item as opposed to it lining up on the left? Thanks!

Hi I know this is an old article but i hope there is stall some support for it :)

I have in stalled this and have it working fine but for on problem! underneath the navbar on the left handside i get a link "member links" which lead to nowhere! if i disable the drop down list it disappears

Please see for yourself HERE

It is doing my head in now! :(

Please help

Edit: Never mind had to do it the hard way but got it sorted now :)

Hi,

Ive just installed this on my forum and got it working :) Thank you

Is there anyway though of moving where the dropdown shows on the navbar? Ive attatched a screenshot of where it currently is and where I would like to move it to. Ive tried having a play around, but i cant get it to work.

Below is my navbar template as well.

If anyone can help, this would really be appreciated.

Kerry, I'm having some difficulty with this. Could I get your assistance via PM?

sorry did not work with me at all

Excellent article , :) love your style of writing , very easy to follow and edit. Please post more articles if possible on editing the main page structure.

In 3.7 Beta 6 (if that matters) the pop up is showing up to the left of the link on the navbar?

I have tried several things to correct this and I'm stumped?

any help?

I copied the code exactly as above.

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





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

Any help here?

The drop down menu shows up to the left of the menu title for the drop down... It seems others have this issue to after some searching and no answers so far.

???

Is there a mod that lets the users add to the menu from within the Admin UI? I am setting up a forum for a customer and am trying to keep everything within the UI as much as possible. Ty