Primary Dropdown like WebFlake

[Guest Kinkl]

Hi all! Please help to implement a drop-down menu like on WebFlake. I tried, but nothing happened, I don't understand how to make it... ProMenu no good for me, as too "heavy" component. Thanks in advance!

 

[Kingy]

If you don't want to use a application like ProMenu or IP.Content then you may custom code it into your skin.

 

Follow the tutorial below:

 

[Guest wfangel]

Its "shift" theme, this menu is built-in that. I guess webflake is using a custom version of that theme/skin, not confirmed.

[Guest Kinkl]

Yes, I picked up the menu from Shit skin too. But there is only a menu item with your own links. And I need to do a dropdown menu on the standard apps, like Forums, Downloads, Members, etc...

[Verified]

Use a third party application like pro menu.

[Guest Kinkl]

ProMenu no good for me, as too "heavy" component

[Skreamzja]

or you can just use custom HTML? XDDD

 

like the following;

<li id="nav_menu_7" class="left skip_moremenu ">
<a id="nav_menu_7_trigger" href="/files/" title="" class="">Downloads <span class="dropdownIndicator"></span></a>
<div id="nav_menu_7_menucontent" class="submenu_container clearfix boxShadow" style="position: absolute; z-index: 9999; top: 68px; left: 0px; display: none;">
<div class="left" style="z-index: 10000;">
<ul class="submenu_links" style="z-index: 10000;">
<li class="submenu_li" style="z-index: 10000;"><a href="/" title="BLAH BLAH" style="z-index: 10000;">TESTER</a></li>
<li class="submenu_li" style="z-index: 10000;"><a href="/" title="BLAH BLAH" style="z-index: 10000;">TESTER</a></li>
<li class="submenu_li" style="z-index: 10000;"><a href="/" title="BLAH BLAH" style="z-index: 10000;">TESTER</a></li>
<li class="submenu_li" style="z-index: 10000;"><a href="/" title="BLAH BLAH" style="z-index: 10000;">TESTER</a></li>
<li class="submenu_li" style="z-index: 10000;"><a href="/" title="BLAH BLAH" style="z-index: 10000;">TESTER</a></li>
<li class="submenu_li" style="z-index: 10000;"><a href="/" title="BLAH BLAH" style="z-index: 10000;">TESTER</a></li>
<li class="submenu_li" style="z-index: 10000;"><a href="/" title="BLAH BLAH" style="z-index: 10000;">TESTER</a></li>
</ul>
</div>
</div>
<script type="text/rocketscript" data-rocketoptimized="true">
									document.observe("dom:loaded", function(){
										//$('content').insert( $('nav_menu_7_menucontent').remove() );
										
										new ipb.Menu( $('nav_menu_7_trigger'), $('nav_menu_7_menucontent'), { eventType: 'mouseover', closeOnMouseout: 'nav_menu_7' } );
									});
								</script>
</li>

Obviously change the links and such,

[Kingy]

The question(s) in this support topic have been answered and the owner has been able to solve the problem. Because of this, the support topic has been closed and moved.

If you have other questions, please open a new topic.