Top NavBar With Drop Down Menus

This mod is a top nav bar mod with drop down menus; it is the same as the standard vb one, the new navbar is in its own template.

This mod is easy to install there are to things you need to do to install this mod:

1) Upload product file
2) Edit navbar template

The mod comes with:

1 xml file
1 read me text file
1 html help file to show how to add links and drop down menus

FAQ:
Q: Nav bar not showing in other mods.
A: Click here thank you

Q: What mods will this show in
A: please read above why they might not, here are the lists of what I tested them in click here

This mod is supported here and at MK PitStop Webmaster Forum, please click install if you use this mod, thank you.

Demo Here = http://www.mkpitstop.co.uk/forum

Hope you like

[Chadi]

Originally Posted by chadi

I'm getting w3 validation errors on this menu.



In regards to unique ID names, I am having a strange problem.

I have custom drop down menus in navbar and they look like this:

<td id="1" class="nav_menu_control" style="width: 81px">
(in header template)

<div class="vbmenu_popup" id="1_menu" style="display:none">
(in navbar template)

The above is default (showing errors in w3 validation) yet they work fine.

IF I change the ID each to something like below, it shows the menu title but no longer drops down the sub menu, nor shows the down arrow icon (indicating drop down menu)

<td id="menu1" class="nav_menu_control" style="width: 81px">
<div class="vbmenu_popup" id="menu1_menu" style="display:none">

Could someone please help me out on this?

[adivor]

Please help me, i have installed this great mod but i don't understand help file for make drop down menu, i use now only standard menu :-(

after this code:

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

i hade insert:

<a href="http://adivor.it/forum/local_links.php">

but i see 4 link standard in drop down..... help please :-(

[SBoards]

I see that nobody has posted in this thread in a while. Is it still possible to get some help with adding more than one drop down? Every time I try to add a second drop-down, my forums dissappear, like only the header/footer can be seen.

http://www.thescoreboards.com/forums

[MadKad]

Originally Posted by SBoards

I see that nobody has posted in this thread in a while. Is it still possible to get some help with adding more than one drop down? Every time I try to add a second drop-down, my forums dissappear, like only the header/footer can be seen.

http://www.thescoreboards.com/forums

Hi what code is it your using?

[SBoards]

Thanks for stopping by!

Here's my code. This code works, I just can't figure out where to put the code for the second drop-down without breaking my forums.

<!--######## start of navbar2 ########-->
<!-- nav2 buttons bar --> 
<div align="center"> 
  <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:1px"> 
    <tr align="center"> 
      
      <td id="1" class="vbmenu_control"><a href="#1">Getting Started</a> 
<script type="text/javascript"> vbmenu_register("1"); </script></td>
 
      <td class="vbmenu_control"><a href="baseball">Baseball Forums</a></td> 
      
      <td class="vbmenu_control"><a href="hockey">Hockey Forums</a></td> 
              
      <td class="vbmenu_control"><a href="basketball">Basketball Forums</a></td> 
     
      <td class="vbmenu_control"><a href="football">Football Forums</a></td>
 
        <td class="vbmenu_control"><a href="soccer">Soccer Forums</a></td>
   
   <td class="vbmenu_control"><a href="more-sports">More Sports Forums</a></td> 
       
      <td class="vbmenu_control"><a href="general">Non-Sports Forums</a></td> 
     
      <td class="vbmenu_control"><a href="blog">TSB Blogs</a></td> 
     </tr> 
  </table> 
</div>
<!-- / nav2 buttons bar --> 
<if condition="$show['popups']"> 
<!-- NAVBAR POPUP MENUS --> 
<!-- extras pop start --> 
<div class="vbmenu_popup" id="1_menu" style="display:none"> 
  <table cellpadding="4" cellspacing="1" border="0"> 
    <tr> 
      <td class="thead">Have you posted yet today?</td> 
    </tr> 
    <tr> 
      <td class="vbmenu_option"><a href="./">Main Forums Index</a></td> 
    </tr> 
    <tr> 
      <td class="vbmenu_option"><a href="showgroups.php">Meet The Staff</a></td> 
    </tr> 
    <tr> 
      <td class="vbmenu_option"><a href="./info-center/29580-thescoreboards-community-standards.html">The Community Standards</a></td> 
    </tr> 
    <tr> 
      <td class="vbmenu_option"><a href="./welcome-thescoreboards/">Introduce Yourself!</a></td> 
    </tr> 
  </table>
</if>
</div>
<!-- extras pop end --> 
<!-- / NAVBAR POPUP MENUS --> 
<!--####### end of navbar2 #######-->

Thanks again!

[o0Hubba0o]

This should work, I just added one on mine to test it, I post up what I put in since I haven't edited the links yet.

I just added the second one right after the first, you just need to change the 1's to 2's.

	   <!-- dropdown start --> 
      <td id="1" class="vbmenu_control"><a href="#1">Drop down</a> 
        <script type="text/javascript"> vbmenu_register("1"); </script></td> 
      <!-- dropdown end -->

	   <!-- dropdown start --> 
      <td id="2" class="vbmenu_control"><a href="#2">Drop down 2</a> 
        <script type="text/javascript"> vbmenu_register("2"); </script></td> 
      <!-- dropdown end -->

Same with the other code, you need to change the 1 to a 2 in the vbmenu_popup id. Mine broke the forumhome too, but I realized i was missing a closing div tag, but the way I have it here it all works on my site.

<!-- / nav2 buttons bar --> 
<if condition="$show['popups']"> 
<!-- NAVBAR POPUP MENUS --> 

<!-- extras pop start --> 
<div class="vbmenu_popup" id="1_menu" style="display:none"> 
  <table cellpadding="4" cellspacing="1" border="0"> 
    <tr> 
      <td class="thead">Drop Down</td> 
    </tr> 
    <tr> 
      <td class="vbmenu_option"><a href="link">link</a></td> 
    </tr> 
    <tr> 
      <td class="vbmenu_option"><a href="link">link</a></td> 
    </tr> 
    <tr> 
      <td class="vbmenu_option"><a href="link">link</a></td> 
    </tr> 
    <tr> 
      <td class="vbmenu_option"><a href="link">link</a></td> 
    </tr> 
  </table>
  </if>
</div>

<if condition="$show['popups']">
<div class="vbmenu_popup" id="2_menu" style="display:none"> 
  <table cellpadding="4" cellspacing="1" border="0"> 
    <tr> 
      <td class="thead">Drop Down</td> 
    </tr> 
    <tr> 
      <td class="vbmenu_option"><a href="link">link</a></td> 
    </tr> 
    <tr> 
      <td class="vbmenu_option"><a href="link">link</a></td> 
    </tr> 
    <tr> 
      <td class="vbmenu_option"><a href="link">link</a></td> 
    </tr> 
    <tr> 
      <td class="vbmenu_option"><a href="link">link</a></td> 
    </tr> 
  </table>
  </if>
</div>

<!-- extras pop end -->

Then

[SBoards]

aHa!

I didn't insert another "if" command

Thanks!

[SBoards]

Originally Posted by Cocko

for some reason it's an open task

In CMPS settings under Portal Output Global Variables place nav2

I just wanted to point out for those of you who have been asking about CMPS... the quoted answer does work.

[CLKeenan]

Thanks a ton man, awesome hack. Add an interface and you've got an incredibly useful plugin!

[malluroses]

is there anyhow only members can see the nav links rather than the guest seeing it

i only want registerd members to see the links on the topnavbar

i dont want any guest to see it plz help