The Arcive of Official vBulletin Modifications Site.It is not a VB3 engine, just a parsed copy! |
|
#1
|
||||
|
||||
Help With Drop Down Menu
I have searched and found noting that suits what i need or want so here goes:
I have a simple drop down on my forums by the following: Create plug in with process_template_complete and add PHP Code:
HTML Code:
<li class="popupmenu"> <a href="javascript://" class="popupctrl navtab" style="background:transparent url({vb:stylevar imgdir_misc}/arrow.png) no-repeat {vb:stylevar right} center; padding-right: 15px">Events</a> <ul class="popupbody popuphover"> <li><a style="text-indent: 0px; color:{vb:stylevar navbar_selected_popup_body_a_Color}" href="Link 1">Link 1</a></li> <li><a style="text-indent: 0px; color:{vb:stylevar navbar_selected_popup_body_a_Color}" href="Link 2">Link 2</a></li> </ul> </li> HTML Code:
.navtabs ul.popupbody { top: 21px; } What i want to know is what code would i put for a double drop down menu ? So that when i hover over say Link 1 it shows further menu items Many thanks in advance |
#2
|
|||
|
|||
It is just another ul, li, list in html, but unfortunately you will have to create your own JavaScript to handle collapsing *accordion style" or hiding "cascading style". I handled it by rewriting vbulletin-core.js and then adding some simple support JavaScript to handle the collapsing and hiding.
Popupctrl does not natively support hover, but that is an easy fix, but you will want to add a mouse-over, mouse-out event/feature or it will be a lousy experience for the end user. Take a look at a few menus over at directdrive.com. I can help you further when you have a more direct question. Good Luck! |
Thread Tools | |
Display Modes | |
|
|
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
More Information | |
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|