Dropdown Menu Help [Archive]

Muderman24

05-28-2006, 06:28 PM

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

Muderman24

05-29-2006, 08:17 PM

Anyone know?

peterska2

05-29-2006, 09:19 PM

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.

Muderman24

05-29-2006, 10:42 PM

This is the url to the image.

http://www.gfxgamers.net/forums/images/styles/silverblue/misc/nav_rpg.gif

And yes it is being placed in the header template.

peterska2

05-29-2006, 10:49 PM

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

Muderman24

05-29-2006, 11:56 PM

Ok now it looks like this. Image attached.

here is my code.

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


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

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

</if>

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

<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&focus=1','buddylist','statusbar=no,me nubar=no,toolbar=no,scrollbars=yes,resizable=yes,w idth=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>

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

</if>




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

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


</if>

peterska2

05-30-2006, 12:51 AM

Try this instead. You had duplicated a small amount of 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>

Muderman24

05-30-2006, 02:25 AM

Still the same.

Muderman24

05-31-2006, 01:39 PM

Any idea how to fix?

arurcard

06-05-2006, 07:19 PM

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

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

arurcard

06-06-2006, 11:51 PM

bump for this, having same problem

peterska2

06-07-2006, 08:56 AM

In the code for the button replace vbmenu_register("rpg");withvbmenu_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.

arurcard

06-07-2006, 03:36 PM

In the code for the button replace vbmenu_register("rpg");withvbmenu_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?

arurcard

06-09-2006, 09:09 PM

bump

peterska2

06-09-2006, 09:19 PM

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

arurcard

06-09-2006, 09:41 PM

<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

arurcard

06-10-2006, 05:40 AM

here is my code for this image

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

Marco van Herwaarden

06-10-2006, 06:26 AM

Merged threads.

peterska2

06-10-2006, 11:51 AM

arurcard,

use this

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

arurcard

06-10-2006, 05:47 PM

arurcard,

use this

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

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




$spacer_open

$_phpinclude_output

see http://forums.miscforums.org

peterska2

06-10-2006, 07:41 PM

try this

<style>
;
</style>

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




$spacer_open

$_phpinclude_output

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

arurcard

06-10-2006, 09:11 PM

try this

<style>
;
</style>

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




$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

peterska2

06-10-2006, 09:59 PM

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

arurcard

06-10-2006, 10:00 PM

the alignment is still messed up in IE7, and opera

anybody?