Add a menuitem in Navbar

[odeezie]

Open your navbar template

AdminCP > Styles & Templates > Style Manager > Edit Templates > Navigation/Breadcrumb Templates > navbar > Edit (or Customize)

Locate the code for the calendar link (search in the template for calendar) and copy everything from <td class="vbmenu_control"> to </td>

Paste that right after the closing </td> for the calendar code and change the link and title for your new link.

How do I paste the code to another link...I want to add the link "Chat" on the navbar and I am trying to follow this....

<td class="vbmenu_control"><a href="http://www.sitename.com/forums/chat[sessionurl_q]">$vbphrase[Chat]</a></td>

This isnt working for me...do I use the location from the server instead of the URL?

[PaleRiders]

Why have you added this?

<script type="text/javascript">
        vbmenu_register("Forum");
    </script>

These are only used for dropdown menus like search and quick links. Delete all instances of this code and it's varients that you have added.

Going through all the notes about how to add links and what code to use, I probably picked up some extra baggage. Thanks for the help.

[peterska2]

Why have you added this?

<script type="text/javascript">
        vbmenu_register("Forum");
    </script>

These are only used for dropdown menus like search and quick links. Delete all instances of this code and it's varients that you have added.

[PaleRiders]

Using your tips, Kerry, I've been successful in adding items to my navbar, such as a Home and Forum link. They work great in Firefox, but I get an error using Internet Explorer.

The first error:

Line: 651
Char: 3
Error: 'vBmenu.menus[...]' is null or not an object
Code: 0
URL: http://www.pale-riders.com/forum/index.php

The second error:

Line: 634
Char: 4
Error: 'vBmenu.menus[...]' is null or not an object
Code: 0
URL: http://www.pale-riders.com/forum/index.php

navbar template:

<br />

<!-- breadcrumb, login, pm info -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" align="center">
 <tr>
  <td width="211" height="28"><img width="211" height="28" border="0" src="$stylevar[imgdir_misc]/t1.jpg" alt="" /></td>
  <td width="100%" height="28" class="top"></td>
  <td width="203" height="28"><img width="203" height="28" border="0" src="$stylevar[imgdir_misc]/t3.jpg" alt="" /></td>
 </tr>
</table>
<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="$scriptpath"><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" valign="top" nowrap="nowrap">
      <div class="smallfont">
         <strong><phrase 1="$bbuserinfo[username]">$vbphrase[welcome_x]</phrase></strong><br />
         <phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase>
         <if condition="$show['pmstats']"><br /><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 /><strong><phrase 1="$vbphrase[pmpercent_nav_compiled]">$vbphrase[your_pm_box_is_x_full]</phrase></strong></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"><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" colspan="2" 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="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 align="center">
   <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px">
   <tr align="center">

<td id="home" class="vbmenu_control">
    <a href="http://www.pale-riders.com/">Home</a>
    <script type="text/javascript">
        vbmenu_register("Home");
    </script>
</td>

<td id="forum" class="vbmenu_control">
    <a href="http://www.pale-riders.com/forum">Forum</a>
    <script type="text/javascript">
        vbmenu_register("Forum");
    </script>
</td>

      <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="faq.php$session[sessionurl_q]" accesskey="5">$vbphrase[faq]</a></td>
      <td class="vbmenu_control"><a href="memberlist.php$session[sessionurl_q]">$vbphrase[members_list]</a></td>
      <td class="vbmenu_control"><a href="calendar.php$session[sessionurl_q]">$vbphrase[calendar]</a></td>
<td class="vbmenu_control"><a href="arcade.php?$session[sessionurl_q]">Arcade</a></td>
      <if condition="$show['popups']">

<if condition="$vboptions[mgc_chatbox] && $chatbox_permission">
            <td id="mgc_cb" class="vbmenu_control">
                <a href="#">$vbphrase[mgc_chatbox]</a>
                <script type="text/javascript">
                    vbmenu_register("mgc_cb");
                </script>
            </td>
        </if>    
         <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 id="navbar_search" class="vbmenu_control"><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>
         <if condition="$show['member']">
            <td id="usercptools" class="vbmenu_control"><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="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=no,menubar=no,toolbar=no,scrollbars=yes,resizable=yes,width=250,height=300'); return false;">$vbphrase[open_buddy_list]</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>
<table width="100%" cellpadding="0" cellspacing="0" border="0" align="center">
 <tr>
  <td width="209" height="17"><img width="209" height="17" border="0" src="$stylevar[imgdir_misc]/t4.jpg" alt="" /></td>
  <td width="100%" height="17" class="bottom"></td>
  <td width="252" height="17"><img width="252" height="17" border="0" src="$stylevar[imgdir_misc]/t6.jpg" alt="" /></td>
 </tr>
</table>
<!-- / nav buttons bar -->

<br />
<if condition="$show['forumdesc']">
<table width="100%" cellpadding="0" cellspacing="0" border="0" align="center">
 <tr>
  <td width="211" height="28"><img width="211" height="28" border="0" src="$stylevar[imgdir_misc]/t1.jpg" alt="" /></td>
  <td width="100%" height="28" class="top"></td>
  <td width="203" height="28"><img width="203" height="28" border="0" src="$stylevar[imgdir_misc]/t3.jpg" alt="" /></td>
 </tr>
</table>
   <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>
<table width="100%" cellpadding="0" cellspacing="0" border="0" align="center">
 <tr>
  <td width="209" height="17"><img width="209" height="17" border="0" src="$stylevar[imgdir_misc]/t4.jpg" alt="" /></td>
  <td width="100%" height="17" class="bottom"></td>
  <td width="252" height="17"><img width="252" height="17" border="0" src="$stylevar[imgdir_misc]/t6.jpg" alt="" /></td>
 </tr>
</table>
   <br />
</if>

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

<div class="vbmenu_popup" id="home_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">
        <tr>
            <td class="thead">Home</td>
        </tr>
        <tr>
            <td class="vbmenu_option" title="nohilite">
content row
</td>
</tr>
</table>
</div>

<div class="vbmenu_popup" id="forum_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">
        <tr>
            <td class="thead">Forum</td>
        </tr>
        <tr>
            <td class="vbmenu_option" title="nohilite">
content row
</td>
</tr>
</table>
</div>

<if condition="$vboptions[mgc_chatbox] && $chatbox_permission">
            <div class="vbmenu_popup" id="mgc_cb_menu" style="display:none">
                <table cellpadding="4" cellspacing="1" border="0">
                    <tr>
                        <td class="thead">$vbphrase[mgc_chatbox]</td>
                    </tr>
                    <tr>
                        <td class="vbmenu_option">
                            <a href="mgc_chatbox.php?$session[sessionurl]do=view_chatbox" rel="nofollow">$vbphrase[mgc_cb_voir]</a>
                        </td>
                    </tr>
                    <tr>
                        <td class="vbmenu_option">
                            <a href="mgc_chatbox.php?$session[sessionurl]do=view_archive" rel="nofollow">$vbphrase[mgc_cb_voir_archives]</a>
                        </td>
                    </tr>        
                </table>
            </div>
        </if>
   <if condition="$show['searchbuttons']">
   <!-- header quick search form -->
   <div class="vbmenu_popup" id="navbar_search_menu" style="display:none">
      <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]" />
               <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>
      <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">
      <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>
      $template_hook[navbar_quick_links_menu_pos1]

      <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>
      $template_hook[navbar_quick_links_menu_pos2]

      <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>
      $template_hook[navbar_quick_links_menu_pos3]

      </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>

[peterska2]

What exactly have you added?

Are you viewing the same style as you have edited?

Yes, it would work exactly the same for a Home link at the left of the navbar by adding it before the Register link.

[PaleRiders]

Would this work if I wanted to add a 'Home' link to the far left of my navbar? I tried doing what you said exactly, pasting it after the calendar code...changed the name to home and changed the link, saved, then refreshed...even rebuilt styles, and I don't see anything.

[peterska2]

Open your navbar template

AdminCP > Styles & Templates > Style Manager > Edit Templates > Navigation/Breadcrumb Templates > navbar > Edit (or Customize)

Locate the code for the calendar link (search in the template for calendar) and copy everything from <td class="vbmenu_control"> to </td>

Paste that right after the closing </td> for the calendar code and change the link and title for your new link.

[Frogfish]

How do I add another menu item in the navbar (not in the quick links)?

Thanks!
Hans F