Hey everyone
So yesterday after designing my site I was needing a drop down and ProMenu was annoying me so I made one like WF. (Credit to WebFlake )
So first things first, is you want to go to ACP -> Look and Feel -> Your Skin -> globalTemplate
Once there look for
<li id='nav_home' class=''><a href='{$this->settings['home_url']}' title='{$this->lang->words['homepage_title']}' rel="home">{$this->settings['home_name']}</a></li> </if>
Under that you want to add this code:
<li id="nav_menu_7" class="right skip_moremenu "> <a id="nav_menu_7_trigger" href="#" title="" class="">Other <span class="dropdownIndicator"></span></a> <div id="nav_menu_7_menucontent" class="submenu_container clearfix boxShadow" style="display: none; position: absolute; z-index: 9999; background: #8EE46C;"> <div class="left" style="z-index: 10000;"> <ul class="submenu_links" style="z-index: 10000;"> <li class="submenu_li" style="z-index: 10000; color: #fff;"><a href="#" title="#" style="z-index: 10000; color: #fff; width: auto;">#</a></li> <li class="submenu_li" style="z-index: 10000;"><a href="#" title="#" style="z-index: 10000; color: #fff; width: auto;">#</a></li> <li class="submenu_li" style="z-index: 10000;"><a href="#" title="#" style="z-index: 10000; color: #fff; width: auto;">#</a></li> <li class="submenu_li" style="z-index: 10000;"><a href="#" title="#" style="z-index: 10000; color: #fff; width: auto;">#</a></li> <li class="submenu_li" style="z-index: 10000;"><a href="#" title="#" style="z-index: 10000; color: #fff; width: auto;">#</a></li> </ul> </div> </div> <script type="text/javascript"> 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>
Once you added that you want to go to your ipb_styles and look for :
#more_apps_menucontent a, .submenu_container a
And from there you can change colours. So, from there to just before breadcrumbs you can edit the colour of Text and the hover.
The hover code which you can edit:
#more_apps_menucontent li:hover, .submenu_container li:hover
Hope you enjoy it
If you are having trouble contact me on here or Skype for support
(Skype: crimsonsn7 or 0x60000)