Menu Class Suffix: -topnav anything is ok it just an override.
Make the Menu Style: Flat list
Add this to your template top menu.
Make a Div tag
<div id="tablist"> Your Module Position / Block </div>
Add this to your Style Sheet code.
------------------------------------
/* Add Custom Menus Without Round conners */
/*Eric Meyer's based CSS tab*/
#tablist{
padding: 4px;
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#tablist li{
list-style: none;
display: inline;
margin: 0px;
}
#tablist li a{
color: #FFFFFF;
padding: 4px;
margin: 0px;
background: #CC6600;
border-right:solid #FFF;
}
#tablist li a:link, #tablist li a:visited{
color: White;
background: #CC6600;
}
#tablist li a:hover{
color: #FFF;
background: #659FDE;
}
#tablist li a.current{
background: #646464;
}
/* End Add Custom Menus */
Round Conners Tabs in Firefox: IE and Opera its square Tabs.
/* Add Custom Menus 2 */
#tablist2{
padding: 4px;
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
-moz-border-radius: 4px 4px 0px 0px;
}
#tablist2 li{
list-style: none;
display: inline;
margin: 0px;
}
#tablist2 li a{
color: #FFFFFF;
padding: 4px;
margin: 0px;
background: #CC6600;
border-width: 1px 1px 0px 1px;
border-color: #000;
border-style: solid;
padding: 4px 4px 4px 4px;
margin: 0px 0px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
}
#tablist2 li a:link, #tablist2 li a:visited{
color: White;
background: #CC6600;
}
#tablist2 li a:hover{
color: #FFF;
background: #659FDE;
border-width: 1px 1px 0px 1px;
border-color: #000;
border-style: solid;
}
#tablist2 li a.current{
background: #646464;
}
/* End Add Custom Menus */
