Drop down Nav Buttons.

[Xitude]

Hi guys, Im really new to this site.
I saw when googling my issue a post on here on how to add buttons to the nav bar and i got it working perfect now my issue is adding ones that have a drop down menu to show other nav buttons.

My Skin didnt come with a More v button so i made one heres the line of code i used.

<li id="nav_members" class="left"><a href="#" target="_self" title="Internal Community COMMS Menu"><span style="">Comms</span><img src='{$this->settings['img_url']}/opts_arrow.png' alt='&gt;' id='notify-down-arrow' /></a></li>

the notify-down-arrow is the down arrow for anyone unaware.

If theres a way i can do this with <ul> or something that would be awesome thanks in advance.

Xitude Reviewed by Xitude on 2nd Jan 2011. Drop down Nav Buttons. Hi guys, Im really new to this site. I saw when googling my issue a post on here on how to add buttons to the nav bar and i got it working perfect now my issue is adding ones that have a drop down menu to show other nav buttons. My Skin didnt come with a More v button so i made one heres the line of code i used. <li id="nav_members" class="left"><a href="#" target="_self" title="Internal Community COMMS Menu"><span style="">Comms</span><img src='{$this->settings}/opts_arrow.png' alt='&gt;' Rating: 5

[Xitude]

Heres some images of where i am and what i want to try and get to help.

^^ Currently ^^

What im trying to get without the current things i stole this drop down box from my profile.

[Clowner]

try something like

<li id="nav_members" class="left"><a href="#" target="_self" title="Internal Community COMMS Menu"><span style="">Comms</span><img src='{$this->settings['img_url']}/opts_arrow.png' alt='&gt;' id='notify-down-arrow' /></a><ul><li>List Option #1</li><li> List Option #2</li></ul></li>

[Xitude]

I tryed it.. Thanks.

I got this out of it.

I think if I add an id to the <li id="

with a custom image to make to drop down right with a repeat-y (or x) then it would drop down.

I tried to use this

<li id="nav_members"><span style="">List Option #1</span></li><li id="nav_members"><span style="">List Option #2</span></li>

Also it dosen't have a hide also so moving you mouse over it will do nothing.

[Clowner]

read this article maybe it can help
http://www.sohtanaka.com/web-design/...rop-down-menu/

[Xitude]

Will do thanks for the help.

Didn't work due to jQuery not working well for my skin..

I did it in Ajax.

Thanks wouldn't have been able to do it without you help.

Im gonna see if i can find an easyer way by looking into the code in forum skins that have it built in. If i find a simple way without custom code ill reply with it.