vb.org Archive - Dropdown Menu Help

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB3 General Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=111)

- - Dropdown Menu Help (https://vborg.vbsupport.ru/showthread.php?t=116947)

Dropdown Menu Help

Ok I'm trying to create a dropdown menu for my nvarbar but I do not use the navbar template.

I use nmy header template with images for each link (members, search, quicklinks, etc...).

I need to know how to create a dropdown menu for my links.

For example the rpg hack over at vbulletin.org. I use this

Code:

<td align="left" valign="top" width="76" height="32"

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

and it creates the dropdown menu fine but i nee to link and image so that it does not use the vbmenu style? Hope thats not too confusing

anyone?

Do you have an image uploaded to use?

Is it going into your header template?

Please provide details of the image URL and confirmation of the template it is going into and I'll provide further instructions.

This is the url to the image.

http://www.gfxgamers.net/forums/imag...sc/nav_rpg.gif

And yes it is being placed in the header template.

Code:

<td align="left" valign="top" width="76" height="32"

td id="rpg"><a href="#rpg"><img src="http://www.gfxgamers.net/forums/images/styles/silverblue/misc/nav_rpg.gif" border="0" alt="RPG" /></a> <script type="text/javascript"> vbmenu_register("rpg"); </script></td>

That should work fine for you.

Ok now it looks like this. Image attached.

here is my code.

Code:

<!-- Navigation bar -->

        <table width="100%" style="background-image:url($stylevar[imgdir_misc]/nav.gif)" align="center" border="0" cellpadding="0" cellspacing="0">

        <tr>

        <td align="left" valign="top" height="32">

                

<table width="50%"  align="right" border="0" cellspacing="0" cellpadding="0">

  <tr>

                   <td align="left" valign="top" width="76" height="32"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1"><img src="$stylevar[imgdir_misc]/nav_home.gif" width="76" height="32" border="0" alt="" /></a></td>

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

                <td width="76" height="32"><a href="register.php$session[sessionurl_q]" rel="nofollow"><img src="$stylevar[imgdir_misc]/nav_reg.gif" width="76" height="32" border="0" alt="" /></a></td>

                <else />

                <td width="76" height="32"  id="usercptools"><a href="$show[nojs_link]#usercptools"><img src="$stylevar[imgdir_misc]/nav_link.gif" width="76" height="32" border="0" alt="" /></a><script type="text/javascript"> vbmenu_register("usercptools" ,1); </script></td>

                </if>

                <td align="left" valign="top" width="76" height="32"><a href="memberlist.php$session[sessionurl_q]"><img src="$stylevar[imgdir_misc]/nav_member.gif" width="76" height="32" border="0" alt="" /></a></td>

                <td align="left" valign="top" width="76" height="32"><a href="usercp.php$session[sessionurl_q]"><img src="$stylevar[imgdir_misc]/nav_usercp.gif" width="76" height="32" border="0" alt="" /></a></td>

                <td align="left" valign="top" width="76" height="32"><a href="calendar.php$session[sessionurl_q]"><img src="$stylevar[imgdir_misc]/nav_cal.gif" width="76" height="32" border="0" alt="" /></a></td>

                <td align="left" valign="top" width="76" height="32" id="navbar_search"><a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow"><img src="$stylevar[imgdir_misc]/nav_search.gif" width="76" height="32" border="0" alt="" /></a><script type="text/javascript"> vbmenu_register("navbar_search" ,1); </script></td>

<td align="left" valign="top" width="76" height="32"

td id="rpg"><a href="#rpg"><img src="http://www.gfxgamers.net/forums/images/styles/silverblue/misc/nav_rpg.gif" border="0" alt="RPG" /></a> <script type="text/javascript"> vbmenu_register("rpg"); </script></td>

<td align="left" valign="top" width="76" height="32"><a href="arcade.php"><img src="images/styles/silverblue/misc/nav_arcade.gif" width="76" height="32" border="0" alt="" /></a></td>

<td align="left" valign="top" width="76" height="32"><a href="downloads.php"><img src="images/styles/silverblue/misc/nav_downloads.gif" width="76" height="32" border="0" alt="" /></a></td>

<td align="left" valign="top" width="76" height="32"><a href="http://www.gfxgamers.net/gallery"><img src="images/styles/silverblue/misc/nav_gallery.gif" width="76" height="32" border="0" alt="" /></a></td>

<td align="left" valign="top" width="76" height="32"><a href="http://fluffywolf2.podomatic.com/"><img src="images/styles/silverblue/misc/nav_podcast.gif" width="76" height="32" border="0" alt="" /></a></td>

<td align="left" valign="top" width="76" height="32"><a href="faq.php$session[sessionurl_q]" accesskey="5"><img src="$stylevar[imgdir_misc]/nav_faq.gif" width="76" height="32" border="0" alt="" /></a></td>

                          <td align="left" valign="top" width="76" height="32"><img src="$stylevar[imgdir_misc]/nav_right.gif" width="76" height="32" border="0" alt="" /></a></td>



  </tr>

</table>

                </td>

        </tr>

</table>



<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="search.php" method="post">

                                <input type="hidden" name="do" value="process" />

                                <input type="hidden" name="showposts" value="0" />

                                <input type="hidden" name="quicksearch" value="1" />

                                <input type="hidden" name="s" value="$session[sessionhash]" />

                                <input type="text" class="bginput" name="query" size="20" />&nbsp;$gobutton<br />

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

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

                <tr>

<td class="vbmenu_option"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]:</a></td>

</tr>        

        <else />        

                <tr>

                                <td class="vbmenu_option"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]:</a></td>

                </tr>

        </if>                

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

                                

                <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['pmstats']"><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>

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

<!-- RPG menu -->

<div class="vbmenu_popup" id="rpg_menu" style="display:none"> 

<table cellpadding="4" cellspacing="1" border="0"> 

<tr>

<td class="thead">RPG</td></tr> 

<tr>

<td class="vbmenu_option"><a href="headquarters.php">Headquarters</a></td></tr> 

<tr>

<td class="vbmenu_option"><a href="battle.php">Battle Arena</a></td></tr> 

<tr>

<td class="vbmenu_option"><a href="monsterarena.php">Monster Arena</a></td></tr>

<tr>

<td class="vbmenu_option"><a href="itemshop.php">Itemshop</a></td></tr> 

<tr>

<td class="vbmenu_option"><a href="heal.php">Healing Center</a></td></tr> 

<tr>

<td class="vbmenu_option"><a href="clancp.php">Clan CP</a></td></tr> 

<tr>

<td class="vbmenu_option"><a href="lottery.php">Lottery</a></td></tr>

</table> 

</div> 

<!-- RPG menu -->

<!-- / PAGENAV POPUP -->

</if>

<!-- / Navagation bar -->

Try this instead. You had duplicated a small amount of code.

Code:

<td align="left" valign="top" width="76" height="32"

id="rpg"><a href="#rpg"><img src="http://www.gfxgamers.net/forums/images/styles/silverblue/misc/nav_rpg.gif" border="0" alt="RPG" /></a> <script type="text/javascript"> vbmenu_register("rpg"); </script></td>

Any idea how to fix?

my site can be seen at http://forums.miscforums.org/

the quick links button on mynew navbar made of images works but it shows the little arrow below it and screws up my alignment as you can see.

Here is the code for that link

HTML Code:

<td  align="left" valign="top" id="usercptools" border= 0>

<a href="#usercptools">

                        <img src="http://www.miscforums.org/dev/navbar/images/navbar_05.gif" width="73" height="43" alt="" /></a><script type="text/javascript">vbmenu_register("usercptools, 2"); </script></td>

ive also tried

HTML Code:

<td  align="left" valign="top" id="usercptools" border= 0>

<a href="#usercptools">

                        <img src="http://www.miscforums.org/dev/navbar/images/navbar_05.gif" width="73" height="43" alt="" /></a><script type="text/javascript">vbmenu_register("usercptools, false"); </script></td>

cmon guys

bump for this, having same problem

In the code for the button replace

Code:

vbmenu_register("rpg");

with

Code:

vbmenu_register("rpg",true);

This is using the example I gave earlier in this thread. You need to replace "rpg" with the variable that you have used.

Quote:

Originally Posted by peterska2

In the code for the button replace

Code:

vbmenu_register("rpg");

with

Code:

vbmenu_register("rpg",true);

This is using the example I gave earlier in this thread. You need to replace "rpg" with the variable that you have used.

this doesn't work for me, dont know about him.
what are the variables for quick links and search?

you will nave code that practically matches that first one. off the top of my head it is navbar_search and quick_links

HTML Code:

<a href="http://uploads.miscforums.org">

                                <img src="http://www.miscforums.org/dev/navbar/images/navbar_04.gif" width="71" height="43" border="0" alt=""></a></td>

                <td  align="left" valign="top" td id="quick_links"><a href="#quick_links"><img src="http://www.miscforums.org/dev/navbar/images/navbar_05.gif" width="73" height="43" alt="" border= 0/></a><script type="text/javascript">vbmenu_register("quick_links"); </script></td>

quick_links does not work. usercptools does, but makes that little arrow/messes up alignment

ahhhhhhhhhhh

here is my code for this image

HTML Code:

<td  align="left" valign="top" td id="usercptools"><a href="nojs=1#usercptools" "><img src="http://www.miscforums.org/dev/navbar/images/navbar_05.gif" width="73" height="43" alt="" border= 0/></a> <script type="text/javascript">vbmenu_register("usercptools , 1"); </script></td>

my site can be viewed at http://forums.miscforums.org/
this stupid little arrow is there and messes up my align ment liek this

https://vborg.vbsupport.ru/

arurcard,

use this

Code:

<td  align="left" valign="top" td id="usercptools"><a href="nojs=1#usercptools" "><img src="http://www.miscforums.org/dev/navbar/images/navbar_05.gif" width="73" height="43" alt="" border= 0/></a> <script type="text/javascript">vbmenu_register("usercptools , true"); </script></td>

Quote:

Originally Posted by peterska2

arurcard,

use this

Code:

<td  align="left" valign="top" td id="usercptools"><a href="nojs=1#usercptools" "><img src="http://www.miscforums.org/dev/navbar/images/navbar_05.gif" width="73" height="43" alt="" border= 0/></a> <script type="text/javascript">vbmenu_register("usercptools , true"); </script></td>

^^ doesn't change anything

heres my entire header template

HTML Code:

<style>

<!--

a {text-decoration:none}

//-->;

</style>

<!-- logo -->

<table id="Table_01" width="1024" height="43" border="0" cellpadding="0" cellspacing="0">

        <tr>

                <td>

                        <img src="http://www.miscforums.org/dev/navbar/images/navbar_01.gif" width="526" height="43" alt=""></td>

                <td>

<a href="http://miscforums.org/cms/">

                        <img src="http://www.miscforums.org/dev/navbar/images/navbar_02.gif" width="62" height="43" alt="" border= 0></a></td>

                        

                <td>

                        <a href="http://forums.miscforums.org">

                                <img src="http://www.miscforums.org/dev/navbar/images/navbar_03.gif" width="74" height="43" border="0" alt=""></a></td>

                <td>

                        <a href="http://uploads.miscforums.org">

                                <img src="http://www.miscforums.org/dev/navbar/images/navbar_04.gif" width="71" height="43" border="0" alt=""></a></td>

                <td  align="left" valign="top" td id="usercptools"><a href="nojs=1#usercptools" "><img src="http://www.miscforums.org/dev/navbar/images/navbar_05.gif" width="73" height="43" alt="" border= 0/></a> <script type="text/javascript">vbmenu_register("usercptools , true"); </script></td>

                <td>

                        <img src="http://www.miscforums.org/dev/navbar/images/navbar_06.gif" width="74" height="43" alt=""></td>

                <td>

                        <a href="http://forums.miscforums.org/usercp.php">

                                <img src="http://www.miscforums.org/dev/navbar/images/navbar_07.gif" width="72" height="43" border="0" alt=""></a></td>

                <td>

                        <a href="http://forums.miscforums.org/faq.php">

                                <img src="http://www.miscforums.org/dev/navbar/images/navbar_08.gif" width="72" height="43" border="0" alt=""></a></td>

        </tr>

</table>



<a href="$vboptions[forumhome].php$session[sessionurl_q]">

</a>

                &nbsp;



<!-- /logo -->



<!-- content table -->

$spacer_open



$_phpinclude_output

see http://forums.miscforums.org

try this

Code:

<style>

<!--

a {text-decoration:none}

//-->;

</style>

<!-- logo -->

<table id="Table_01" width="1024" height="43" border="0" cellpadding="0" cellspacing="0">

        <tr>

                <td>

                        <img src="http://www.miscforums.org/dev/navbar/images/navbar_01.gif" width="526" height="43" alt=""></td>

                <td>

<a href="http://miscforums.org/cms/">

                        <img src="http://www.miscforums.org/dev/navbar/images/navbar_02.gif" width="62" height="43" alt="" border= 0></a></td>

                        

                <td>

                        <a href="http://forums.miscforums.org">

                                <img src="http://www.miscforums.org/dev/navbar/images/navbar_03.gif" width="74" height="43" border="0" alt=""></a></td>

                <td>

                        <a href="http://uploads.miscforums.org">

                                <img src="http://www.miscforums.org/dev/navbar/images/navbar_04.gif" width="71" height="43" border="0" alt=""></a></td>

                <td  align="left" valign="top" td id="usercptools"><a href="nojs=1#usercptools" "><img src="http://www.miscforums.org/dev/navbar/images/navbar_05.gif" width="73" height="43" alt="" border= 0/></a> <script type="text/javascript">vbmenu_register("usercptools", true); </script></td>

                <td>

                        <img src="http://www.miscforums.org/dev/navbar/images/navbar_06.gif" width="74" height="43" alt=""></td>

                <td>

                        <a href="http://forums.miscforums.org/usercp.php">

                                <img src="http://www.miscforums.org/dev/navbar/images/navbar_07.gif" width="72" height="43" border="0" alt=""></a></td>

                <td>

                        <a href="http://forums.miscforums.org/faq.php">

                                <img src="http://www.miscforums.org/dev/navbar/images/navbar_08.gif" width="72" height="43" border="0" alt=""></a></td>

        </tr>

</table>



<a href="$vboptions[forumhome].php$session[sessionurl_q]">

</a>

                &nbsp;



<!-- /logo -->



<!-- content table -->

$spacer_open



$_phpinclude_output

if not, please provide details of a test account as you need to be logged in to see it.

Quote:

Originally Posted by peterska2

try this

Code:

<style>

<!--

a {text-decoration:none}

//-->;

</style>

<!-- logo -->

<table id="Table_01" width="1024" height="43" border="0" cellpadding="0" cellspacing="0">

        <tr>

                <td>

                        <img src="http://www.miscforums.org/dev/navbar/images/navbar_01.gif" width="526" height="43" alt=""></td>

                <td>

<a href="http://miscforums.org/cms/">

                        <img src="http://www.miscforums.org/dev/navbar/images/navbar_02.gif" width="62" height="43" alt="" border= 0></a></td>

                        

                <td>

                        <a href="http://forums.miscforums.org">

                                <img src="http://www.miscforums.org/dev/navbar/images/navbar_03.gif" width="74" height="43" border="0" alt=""></a></td>

                <td>

                        <a href="http://uploads.miscforums.org">

                                <img src="http://www.miscforums.org/dev/navbar/images/navbar_04.gif" width="71" height="43" border="0" alt=""></a></td>

                <td  align="left" valign="top" td id="usercptools"><a href="nojs=1#usercptools" "><img src="http://www.miscforums.org/dev/navbar/images/navbar_05.gif" width="73" height="43" alt="" border= 0/></a> <script type="text/javascript">vbmenu_register("usercptools", true); </script></td>

                <td>

                        <img src="http://www.miscforums.org/dev/navbar/images/navbar_06.gif" width="74" height="43" alt=""></td>

                <td>

                        <a href="http://forums.miscforums.org/usercp.php">

                                <img src="http://www.miscforums.org/dev/navbar/images/navbar_07.gif" width="72" height="43" border="0" alt=""></a></td>

                <td>

                        <a href="http://forums.miscforums.org/faq.php">

                                <img src="http://www.miscforums.org/dev/navbar/images/navbar_08.gif" width="72" height="43" border="0" alt=""></a></td>

        </tr>

</table>



<a href="$vboptions[forumhome].php$session[sessionurl_q]">

</a>

                &nbsp;



<!-- /logo -->



<!-- content table -->

$spacer_open



$_phpinclude_output

if not, please provide details of a test account as you need to be logged in to see it.

sent you a pm with admin login details

should be working now, it's working fine in IE6 and FF 1.5.0.4 here

the alignment is still messed up in IE7, and opera

anybody?

Phrase Groups Available:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01334 seconds Memory Usage 1,902KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (12)bbcode_code_printable (5)bbcode_html_printable (3)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (24)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.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/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.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 printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: