Add dropdown buttons in navbar

[bilalghouri]

can you tell me how to add drop down button on navigation bar??
like quick links button , but with different name with custom links on it.

you were too busy to answer on shoutbox , told me to create a topic , to waste my time .
what could i have done ?? lol i created topic for u, now , back to work.

[Shadab]

Originally Posted by bilalghouri

you were too busy to answer on shoutbox , told me to create a topic , to waste my time .. what could i have done ?? lol i created topic for u,

Feel free to rant more against me at the Rant & Rave section.


ok. heres how you can create a new dropdown link :
Along with the other navbar buttons, add the following button :

The Navbar button :

PHP Code:

<td id="dropdown1" class="vbmenu_control">
   <a href="#" rel="nofollow">Custom Navbar Button</a>
   <script type="text/javascript"> vbmenu_register("dropdown1", 1); </script>
</td> 


In the navbar template, find this :

PHP Code:

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


Below it, add this given code,
customised to your needs :

Dropdown menu :

PHP Code:

<!-- custom dropdown menu -->
<div class="vbmenu_popup" id="dropdown1_menu" style="display:none">
   <table cellpadding="4" cellspacing="1" border="0">

      <tr><td class="thead">Category One</td></tr>
      <tr><td class="vbmenu_option"><a href="url1">Link 1</a></td></tr>
      <tr><td class="vbmenu_option"><a href="url2">Link 2</a></td></tr>
      <tr><td class="vbmenu_option"><a href="url3">Link 3</a></td></tr>

      <tr><td class="thead">Category Two</td></tr>
      <tr><td class="vbmenu_option"><a href="url4">Link 4</a></td></tr>
      <tr><td class="vbmenu_option"><a href="url5">Link 5</a></td></tr>
      <tr><td class="vbmenu_option"><a href="url6">Link 6</a></td></tr>

</table>
</div>
<!-- / custom dropdown menu --> 


[bilalghouri]

where to add this :

PHP Code:

<td id="dropdown1" class="vbmenu_control">
   <a href="#" rel="nofollow">Custom Navbar Button</a>
   <script type="text/javascript"> vbmenu_register("dropdown1", 1); </script>
</td> 


????

[Shadab]

Originally Posted by bilalghouri

where to add this :
????

Along with the other navbar buttons.

[bilalghouri]

um what do you mean along with other buttons ?? where are other butons added?

[Shadab]

You can find the existing navbar buttons in the navbar template. (most probably).

Or sometimes the skin developers even put the code in the header template.

[bilalghouri]

can u do it for me please?

[Shadab]

Originally Posted by bilalghouri

can u do it for me please?

ok. I'll try. [No guarantee though]

Paste the whole code of the 'navbar' template in your post.
I'll edit and provide you with the updated version...

[bilalghouri]

cant post :s post too long

[bilalghouri]

PHP Code:

<br />

<!-- breadcrumb, login, pm info -->
<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>
                    $credits_navbar
</div>
        </td>
        
    <else />
        
        <td class="alt2" nowrap="nowrap" style="padding:0px">
            
        <!-- login form -->
        <form action="$vboptions[bburl]/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 -->
<br />
<if condition="$show['forumdesc']">
    <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>
    <br />
</if>
<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">
        <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="$vboptions[bburl]/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]
        
        <tr><td class="thead">WZ Bucks</td></tr>
        <tr><td class="vbmenu_option"><a href="ibank.php$session[sessionurl_q]">Bank</a></td></tr>
        <tr><td class="vbmenu_option"><a href="ishop.php$session[sessionurl_q]">Shop</a></td></tr>
        <tr><td class="thead">Arcade</td></tr>
        <tr><td class="vbmenu_option"><a href="arcade.php?$session[sessionurl_q]">Arcade</a></td></tr>
        </table>
    </div>
    <!-- / user cp tools menu -->
    </if>
<!-- / NAVBAR POPUP MENUS -->
<!-- / Products menu -->
 <div class="vbmenu_popup" id="products_menu" style="display:none"> 
  <table cellpadding="4" cellspacing="1" border="0">
    <tr> 
      <td class="thead">vBskinpixel Products</td>
    </tr>
    <tr> 
      <td class="vbmenu_option"><a href="$vboptions[homeurl]/orders/browse_products.php">Products</a></td>
    </tr>
    <tr> 
      <td class="vbmenu_option"><a href="$vboptions[homeurl]/orders/client_login.php">Client 
        Area</a></td>
    </tr>
    <tr> 
      <td class="vbmenu_option"><a href="$vboptions[bburl]/blog.php?u=1&blogcategoryid=3">Promo FAQ</a></td>
    </tr>
    <tr> 
      <td class="thead">vBskinpixel Support</td>
    </tr>
    <tr> 
      <td class="vbmenu_option"><a href="$vboptions[homeurl]/support">Support 
        Center</a></td>
    </tr>
    <tr> 
      <td class="vbmenu_option"><a href="$vboptions[homeurl]/support/index.php?_m=tickets&_a=submit">Submit 
        a Ticket</a></td>
    </tr>
  </table>
 </div>
 <!-- / Products menu -->
<!-- PAGENAV POPUP --> 


posting the rest of code in new post cuz of long post..