The Arcive of Official vBulletin Modifications Site.

Top NavBar With Drop Down Menus · **Released**: 10-13-2006

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

romolus · #22 10-21-2006, 02:20 PM

Quote:

Originally Posted by MadKad

I see two different styles, have you installed it on both styles?

Yes there are 20 different styles in my forum. I have open there Styles and I have installed these script in the nav_top of there 20 styles.

patsalko · #23 10-22-2006, 03:20 PM

great idea but your hack does not work right out of the box like you have in your documention.

I installed 3 times and I am not getting any drop down...

Could you please update the hack or just post clearer directions?

Thanks!

MadKad · #24 10-23-2006, 07:34 AM

Quote:

Originally Posted by romolus

Yes there are 20 different styles in my forum. I have open there Styles and I have installed these script in the nav_top of there 20 styles.

If this mod is installed on all styles then it should be working ok with no problems, I only use one style my self so I am not to up on this :cry: sorry

Quote:

Originally Posted by patsalko

great idea but your hack does not work right out of the box like you have in your documention.

I installed 3 times and I am not getting any drop down...

Could you please update the hack or just post clearer directions?

Thanks!

Upload product xml file, and add the code

Code:

<!-- Start nav 2 -->
$nav2
<!-- / End nav 2-->

to your Template: navbar

above:

Code:

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

thats it there should be one Drop down menu called Drop down containing 4 links in it, to edit it you edit your template top_nav to add more menus etc etc.

This mod is fully set up for you all is needed is for you to add one code to one template and edit your links. If you are still having problems please say and maybe I could look at your website.

Al-Fateh · #25 10-25-2006, 05:26 PM

this navbar only works for /forum ????

can external links be added to it?

seems like everything goes under /forum

Al-Fateh · #26 10-25-2006, 05:37 PM

say i wanna add a link on the navbar directing to www.yahoo.com

can i do that?

MadKad · #27 10-25-2006, 06:34 PM

Quote:

Originally Posted by Al-Fateh

say i wanna add a link on the navbar directing to www.yahoo.com

can i do that?

yer just add the http:// in the url of the link

ie.

Code:

<a href="http://www.yahoo.com">text<a/>

thats it just make sure the http:// is at the start of the url

Cocko · #28 11-05-2006, 08:26 AM

Quote:

Originally Posted by MadKad

need to ask vbadvanced where or is there any ware you can add these veribles, sorry

for some reason it's an open task

In CMPS settings under Portal Output Global Variables place nav2

Chadi · #29 11-05-2006, 04:36 PM

I would like to use this but I have a custom theme, Element which is a bit awkward in its modifications. I cannot find


navbar template

Code:

<script type="text/javascript">
<!--
function log_out()
{
    ht = document.getElementsByTagName("html");
    ht[0].style.filter = "progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)";
    if (confirm('$vbphrase[sure_you_want_to_log_out]'))
    {
        return true;
    }
    else
    {
        ht[0].style.filter = "";
        return false;
    }
}
//-->
</script>

<br />

<!--  Nav -->
<div class="nav_border_out">
  <div class="nav_border_in">
    <if condition="is_array($navbits)">
      <table  cellpadding="4" cellspacing="0" border="0" width="100%" align="center">
        <tr>
          <td width="15"><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 width="100%"><span class="navbar"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1">$vboptions[bbtitle]</a></span> $navbits[breadcrumb] <img src="$stylevar[imgdir_button]/lastpost_1.gif" alt="" class="inlineimg" /> <a href="$scriptpath"><span class="navbar"><strong>$navbits[lastelement]</strong></span></a> </td>
        </tr>
      </table>
      <else />
      <table width="100%"  border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="50%"><if condition="$show['member']">
              <div class="smallfont"><img src="$stylevar[imgdir_button]/lastpost_1.gif" alt="" class="inlineimg" /> $bbuserinfo[username],
               <phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase>
              </div>
              <if condition="$show['pmstats']">
                <div class="smallfont"> <img src="$stylevar[imgdir_button]/lastpost_1.gif" alt="" class="inlineimg" />
                  <if condition="$show['pmstats']"><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase></if>
            <if condition="$show['pmwarning']"><br /><img src="$stylevar[imgdir_button]/lastpost_1.gif" alt="" class="inlineimg" /><phrase 1="$vbphrase[pmpercent_nav_compiled]">$vbphrase[your_pm_box_is_x_full]</phrase></if>
                </div>
              </if>
              <else />
              <div class="smallfont"><img src="$stylevar[imgdir_button]/lastpost_1.gif" alt="" class="inlineimg" /> <a href="register.php$session[sessionurl_q]" rel="nofollow">$vbphrase[nav_register]</a></div>
            </if>
          </td>
          <td width="50%" align="right"><if condition="$show['member']">
             <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="s" value="$session[sessionhash]" />
          <input type="text" class="navbar_forms" name="query" size="20" onfocus="this.value=''" value="$vbphrase[nav_search_form]" tabindex="1001" />
                <input  type="image" src="$stylevar[imgdir_button]/go.gif" style="vertical-align: middle;"/>
                
              </form>
              <else />
              <!-- 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>
                <div class="smallfont">
                  <input type="text" class="navbar_forms" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="16" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" />
                  <label for="cb_cookieuser_navbar"><input type="hidden" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" /></label>
                  <input type="password" class="navbar_forms" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="16"  tabindex="102" onfocus="this.value=''" value="Password" />
                  <input  type="image" src="$stylevar[imgdir_button]/go.gif" style="vertical-align: middle;"/>
                </div>
                <input type="hidden" name="s" value="$session[sessionhash]" />
                <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 -->
            </if>
          </td>
        </tr>
      </table>
    </if>
  </div>
</div>
<!-- /Nav -->

<!-- Forum Description -->
<if condition="$show['forumdesc']">
<div class="spacer_small"></div>
<div class="forumdesc_border"><div class="forumdesc"><span class="smallfont"><strong>$foruminfo[title]</strong> $foruminfo[description]</span></div></div>
</if>
<!-- /Forum Description -->

<div class="spacer"></div>
<br />


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

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



    <!-- header quick search form -->
    <div class="vbmenu_popup" id="navbar_search_menu" style="display:none">
        <form action="search.php?do=process" method="post">
        <table cellpadding="4" cellspacing="1" border="0">
        <tr>
            <td class="thead">$vbphrase[search_forums]</td>
        </tr>
        <tr>
            <td class="vbmenu_option" title="nohilite">
                <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]" />
                <div><input type="text" class="bginput" name="query" size="25" tabindex="1001" /><input type="submit" class="button" value="$vbphrase[go]" tabindex="1004" /></div>
            </td>
        </tr>
        <tr>
            <td class="vbmenu_option" title="nohilite">
                <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>
            </td>
        </tr>
<tr>
            <td class="thead">$vbphrase[nav_search_options]</td>
        </tr>
<tr>
<td class="vbmenu_option"><a href="search.php?$session[sessionurl]do=getnew">$vbphrase[nav_new_posts]</a></td>
        </tr>
        <tr>
            <td class="vbmenu_option"><a href="search.php?$session[sessionurl]do=getdaily">$vbphrase[nav_todays_posts]</a></td>
        </tr>
        <tr>
            <td class="vbmenu_option"><a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow">$vbphrase[advanced_search]</a></td>
        </tr>
        </table>
        </form>
    </div>
    <!-- / header quick search form -->
    </if>

    <if condition="$show['member']">
    <!-- user cp tools menu -->
    <div class="vbmenu_popup" id="usercptools_menu" style="display:none">
        <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=no,menubar=no,toolbar=no,scrollbars=yes,resizable=yes,width=250,height=300'); return false;">$vbphrase[open_buddy_list]</a></td></tr>
                
        <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_profile]</a></td></tr>
        <tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editoptions">$vbphrase[edit_options]</a></td></tr>
        
        <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[my_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>
        
        </table>
    </div>
    <!-- / user cp tools menu -->
    </if>
   <div class="vbmenu_popup" id="journalnavbar_menu" style="display:none">
     <table cellpadding="4" cellspacing="1" border="0">
     <tr><td class="thead" align="center">$vbphrase[journal_links]</td></tr>
     <tr><td class="vbmenu_option"><a href="journal.php$session[sessionurl_q]">$vbphrase[journal_index]</a></td></tr>
     <if condition="$bbuserinfo!=0">
     <tr><td class="vbmenu_option"><a href="journal.php?$session[sessionurl]do=gotomyjournal">$vbphrase[my_journal]</a></td></tr>
     </if>
    </table>
   </div>
<!-- / 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>

header template

Code:

<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center" class="header_bg">
<tr>
    <td align="$stylevar[left]" valign="top"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
    <td align="$stylevar[right]">
        <div align=center>

        </div><!-- banners --><img border="0" src="http://www.talkjesus.com/images/right-logo.gif"></td>
</tr>
<tr>
<td height="34" colspan="2">

<!-- nav buttons bar -->
<div align="center">
    <table  cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%">
    <tr align="center">
        <td class="nav_menu_control" width="16"><a href="http://www.talkjesus.com/index.php">
        <img src="http://www.talkjesus.com/images/home.gif" border="0"></a></td>
        <if condition="$show['member']">
            <td class="nav_menu_control" width="91"><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_cp]</a></td>
        </if>
        <if condition="$show['registerbutton']">
            <td class="nav_menu_control" width="91"><a href="register.php$session[sessionurl_q]" rel="nofollow">$vbphrase[register]</a></td>
        </if>
        <td class="nav_menu_control" width="92"><a href="faq.php$session[sessionurl_q]" accesskey="5">$vbphrase[faq]</a></td>
        <td class="nav_menu_control" width="92"><a href="memberlist.php$session[sessionurl_q]">$vbphrase[members_list]</a></td>
        <td class="nav_menu_control" width="92"><a href="calendar.php$session[sessionurl_q]">$vbphrase[calendar]</a></td>
<!-- v3 Arcade -->
<td class="nav_menu_control" width="92"><a href="arcade.php$session[sessionurl_q]">Arcade</a></td>
<!-- /v3 Arcade -->
        <if condition="$show['popups']">        
            <if condition="$show['searchbuttons']">
                <if condition="$show['member']">
                <td class="nav_menu_control" width="92"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>
                <else />
                <td class="nav_menu_control" width="92"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
                </if>
                <td id="navbar_search" class="nav_menu_control" width="92"><a 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>
<td id="journalnavbar" class="nav_menu_control" width="92"><a href="#journalnavbar">$vbphrase[journals]</a> <script type="text/javascript"> vbmenu_register("journalnavbar"); </script></td>
            <if condition="$show['member']">
                <td id="usercptools" class="nav_menu_control" width="92"><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 class="nav_menu_control" width="92"><a href="search.php$session[sessionurl_q]" accesskey="4">$vbphrase[search]</a></td>
                <if condition="$show['member']">
                <td class="nav_menu_control" width="92"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>
                <else />
                <td class="nav_menu_control" width="92"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
                </if>
            </if>
            <td class="nav_menu_control" width="92"><a href="forumdisplay.php?$session[sessionurl]do=markread" rel="nofollow">$vbphrase[mark_forums_read]</a></td>
            <if condition="$show['member']">            
                <td class="nav_menu_control" width="92"><a href="#" onclick="window.open('misc.php?$session[sessionurl]do=buddylist&amp;focus=1','buddylist','statusbar=no,menubar=no,toolbar=no,scrollbars=yes,resizable=yes,width=250,height=300'); return false;">$vbphrase[open_buddy_list]</a></td>            
            </if>            
        </if>
        <if condition="$show['member']">
            <td class="nav_menu_control" width="92"><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 -->
</td></tr>
</table>
<!-- /logo -->

<!-- content table -->
$spacer_open

$_phpinclude_output

<!--[if lt IE 7.]>
<script defer type="text/javascript" src="clientscript/pngfix.js"></script>
<![endif]-->

Just a note, I want a single row only. Please let me know where the code should be pasted.

Chadi · #30 11-05-2006, 04:47 PM

Ok, I simply created a new column in navbar inside header template and added $nav2

See attached results.

Chadi · #31 11-05-2006, 05:14 PM

I cleaned up topnav template

Code:

<!--######## 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 class="vbmenu_control"><a href="http://www.mkpitstop.co.uk/forum" target="_blank">Webmaster Forum</a></td> 
      
       <!-- dropdown start --> 
      <td id="1" class="vbmenu_control"><a href="#1">Drop down</a> 
        <script type="text/javascript"> vbmenu_register("extra"); </script></td> 
      <!-- dropdown end --> 
 
     </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">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 --> 
<!-- / NAVBAR POPUP MENUS --> 
<!--####### end of navbar2 #######-->

Not sure what I'm doing wrong. Still does not dropdown at all.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.06328 seconds Memory Usage 2,360KB Queries Executed 25 (?)
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 (6)bbcode_code (5)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (6)navbar_link (120)option (1)pagenav (1)pagenav_curpage (4)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
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!