Menù a tendina
Inviato: 20/05/2010, 12:59
ciao volevo sapere se si puo modifica la xnavbar mod in modo che alcune "caselle" abbiano un menu a tendina...vi copio di seguito i codici del css della mod e del overhall_header:
css:
ov_header:
un menu a tedina tipo questo sito: startrekguide.com/ grazie
css:
Codice: Seleziona tutto
#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;
}Codice: Seleziona tutto
<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" />