Would this do it?
from source....
Code:
<script src="system/modules/dropdown/html/js/MenuMatic_0.68.3.js"></script>
<style type="text/css" media="screen">
/* <![CDATA[ */
#nav_74{ display:block; position:absolute; list-style:none; margin:0 0 0 0; z-index:5; text-align:center; }
#nav_74 a{ height:16px; margin:0; float:left; overflow:hidden; white-space:nowrap;}
#nav_74 li{ display:block; list-style:none; position:relative; float:left; height:36px; }
#nav_74 li.first{ } #nav_74 li{ }
#nav_74 li a{ text-align:center; }
#subMenusContainer_74 a, #nav_74 li li a{ text-align:left; white-space:nowrap; }
#nav_74, #nav_74 ul, #nav_74 ol{ line-height:16px; }
#subMenusContainer_74 ul, #subMenusContainer_74 ol{ line-height:16px; }
#nav_74 a, #subMenusContainer_74 a{ text-decoration:none; display:block; padding:10px 20px; }
.smOW{ display:none; position:absolute; overflow:hidden; padding:0 2px; margin:0 0 0 -2px; }
#nav_74, #nav_74 ul, #nav_74 ol, #subMenusContainer_74 ul, #subMenusContainer_74 ol{ padding:0; margin:0; list-style:none; }
#nav_74 ol, #nav_74 ul, #subMenusContainer_74 ul, #subMenusContainer_74 ol{ left:0; }
#subMenusContainer_74 li{ list-style:none; }
#subMenusContainer_74{ display:block; position:absolute; top:0; left:0; width:100%; height:0; overflow:visible; z-index:1000000000; }
#subMenusContainer_74 li a.last{ }
#nav_74 li a.active, #nav_74 li a.headersonly{ cursor:text; }
#nav_74 li li{ float:none; border:0; margin:0 0 0 0;}
#nav_74 li li a{ position:relative; float:none; margin-bottom:0; width:160px; }
#nav_74 li li.first{ margin-left:0;}
#nav_74 li ul{ position:absolute; margin-left:-1000em; border-radius:0; width:200px; margin-top:36px; }
#nav_74 li ul ul{ margin: 0 0 0 -1000em; }
#nav_74 li:hover ul ul{ margin-left: -1000em; }
#nav_74 li:hover ul{ margin-left:0; }
#nav_74 li li:hover ul{ margin-left: 200px; margin-top:-36px; }
#nav_74 li ul ul ul{ margin: 0 0 0 -1000em; }
#nav_74 li:hover ul ul ul{ margin-left: -1000em; }
#nav_74 li li li:hover ul{ margin-left: 200px; margin-top:-36px; }
/* ]]> */
</style>
<style type="text/css" media="screen">
/* <![CDATA[ */
#nav_74 li a.mainMenuParentBtn, #nav_74 li a.submenu{ background:url(system/modules/dropdown/html/img/down_over.gif) right center no-repeat;}
#nav_74 li a.mainMenuParentBtnFocused, #nav_74 li a.submenu:hover{ background:url(system/modules/dropdown/html/img/down.gif) right center no-repeat;}
#subMenusContainer_74 li a.subMenuParentBtn, #nav_74 li li a.submenu{ background:url(system/modules/dropdown/html/img/right_over.gif) right center no-repeat;}
#subMenusContainer_74 li a.subMenuParentBtnFocused, #nav_74 li li a.submenu:hover{ background:url(system/modules/dropdown/html/img/right.gif) right center no-repeat;}
/* ]]> */
</style>
<style type="text/css" media="screen">
/* <![CDATA[ */
#nav_74 {background-color:black;}
#nav_74 {font-family:"Henny Penny";}
/* ]]> */
</style>
<script type="text/javascript">
window.addEvent('domready', function() {
var myMenu = new MenuMatic({id:'nav_74',subMenusContainerId:'subMenusContainer_74',duration:600,hideDelay:1000,physics:Fx.Transitions.Pow.easeOut,orientation:'horizontal',direction:{x:'right',y:'down'},tweakInitial:{x:0,y:0},tweakSubsequent:{x:0,y:0},opacity:95,onPositionSubMenu_begin:function(classRef){alert(classRef.btn.get("html"));}});
});
</script>
This part is from the extra css textarea, and is outputted as last internal style...
Did you want that, or outputted as first internal style?
Code:
<style type="text/css" media="screen">
/* <![CDATA[ */
#nav_74 {background-color:black;}
#nav_74 {font-family:"Henny Penny";}
/* ]]> */
</style>
Also var myMenu has extra code
[attachment=0:f6t3kz02]extracode.jpg[/attachment:f6t3kz02]
Also, do you know anything about the physics options (eg: Fx.Transitions.Pow.easeOut)?
I was going to make that a select dropdown, but I don't know what the options are.
Bookmarks