Menù bar and subcategories
Posted: 25 May 2010, 12:57
hello I put on my site a menu bar (like the one used by you) is perfect except that I want to know if can include subcategories such as certain boxes on the bar you used there ... I copy the following codes of the css mod and overhall_header:
css:
ov_header:
I'm not sure that this is the appropriate section in case I wrong sorry!...
thanks and sorry for my English (I'm Italian)
css:
Code: Select all
#xnav_navbar #left {
display: block;
float: left;
width: 8px;
height: 30px;
margin: 0px;
background: url("{T_THEME_PATH}/images/xnav_bg_left.gif") 0 0 no-repeat;
position: static;
}
#xnav_navbar {
background-color: #ebebeb;
width: 904px;
height: 30px;
display: block;
margin: auto;
margin-top: -5px;
margin-bottom: -15px;
clear: both;
/*
*clear: none;
_clear: both;
*/
background: url("{T_THEME_PATH}/images/xnav_bg_navbar.gif") repeat-x 0 0;
z-index: 4;
}
#xnav_navbar ul {
list-style: none;
display: block;
z-index: 10000;
}
#xnav_navbar li {
float: left;
margin: 0 0 0.3em 0 !important;
border: none;
padding:0 0 0 0;
}
#xnav_navbar li a {
text-decoration:none;
font-size: 1.1em;
text-transform: none;
font-family: "Verdana", Trebuchet MS, Helvetica, Arial, sans-serif;
line-height: 145%;
vertical-align: bottom;
color:#000000;
font-weight:bold;
display: block;
padding:7px 12px 5px 12px;
}
#xnav_navbar li:hover {
text-decoration:none;
background: url('styles/albalight/theme/images/xnavbar_bg_active2.gif') center repeat-x;
}
#xnav_navbar #active {
background: url('styles/albalight/theme/images/xnavbar_bg_active1.gif') center repeat-x;
}
#xnav_navbar #active a{
color:#ebe931;
}
#xnav_navbar #active a:hover {
text-decoration:none;
display:block;
color:#ebe931;
}Code: Select all
<span class="corners-bottom" style="background: none;"><span style="background: none;"></span></span></div>
</div>
<div id="xnav_navbar">
<ul>
<li id="left">
</li>
<li id="active">
<a href="#link_attivo">HOME</a>
</li>
<li>
<a href="#link_1">FORUM</a>
</li>
<li>
<a href="#link_2">TOP 100 BAND</a>
</li>
<li>
<a href="#link_3">RECENSIONI</a>
</li>
<li>
<a href="#link_3">INTERVISTE</a>
</li>
<li>
<a href="#link_3">LIVE REPORT</a>
</li>
<li>
<a href="#link_3">WEB RADIO</a>
</li>
<li>
<a href="#link_3">CHAT</a>
</li>
<li>
<a href="#link_3">SERVIZI BAND</a>
</li>
<li>
<a href="#link_3">STAFF</a>
</li>
</ul>
</div>
<br style="clear:both" />thanks and sorry for my English (I'm Italian)