poi c'è la parte del file css del template che ho modificato per adattarlo alle mie esigenze:
codice:
#navigation{
width:100%;
background-color:#373737;
}
/*stile generale delle liste*/
#navigation ul{
margin:0;
padding:0;
position: relative;
height: 30px;
width:100%;
}
/*stile generale delle sub liste*/
#navigation ul ul{
position: absolute;
top:30px;
left: 0;
visibility: hidden;
}
/*stile generale dei list item*/
#navigation li{
list-style: none;
float: left;
padding:0 5px;
background-color:#373737;
}
#navigation ul, #navigation li{
background-color:#373737;
}
#navigation ul ul, #navigation li li{
background-color:#767676;
}
#navigation ul ul ul, #navigation li li li{
background-color:#DDDDDD;
}
/*style generale dei link*/
#navigation a{
display:block;
float:left;
padding:0 30px;
text-decoration:none;
text-align: center;
line-height: 30px;
font-family: Verdana;
font-size: 9px;
font-weight: bold;
}
/*style generale dei link sullo stato hover*/
#navigation ul :hover > a, #navigation ul a:hover{
height:20px;
border-top:5px solid #373737;
border-bottom:5px solid #373737;
line-height:20px;
}
#navigation ul :hover > a.sub{
height:25px;
border-bottom:none;
line-height:20px;
}
/*stile link primo livello*/
#navigation ul a{
color:#FFFFFF;
}
#navigation ul :hover > a{
background-color:#767676;
border-color:#373737;
color:#FFCC00;
}
/*stile link secondo livello*/
#navigation ul ul a{
color:#FFCC00;
}
#navigation ul ul :hover > a{
background-color:#DDDDDD;
border-color: #767676;
color:#336699;
}
/*stile link terzo livello*/
#navigation ul ul ul a{
color:#336699;
}
#navigation ul ul ul :hover > a{
background-color:#FFF;
border-color:#DDDDDD;
}
/*secondo livello visibile su hover del primo livello*/
#navigation ul li:hover ul, #navigation ul a:hover ul{
visibility:visible;
}
/*terzo livello invisibile su hover del primo livello*/
#navigation ul li:hover ul ul, #navigation ul a:hover ul ul{
visibility:hidden;
}
/*terzo livello visibile su hover del secondo livello*/
#navigation ul ul li:hover ul, #navigation ul ul a:hover ul{
visibility:visible;
}
/*style per Internet Explorer 6*/
#navigation table {
position:absolute;
border-collapse:collapse;
top:0;
left:0;
width:100%;
}
#navigation a:hover{
height:20px;
border-top:5px solid #373737;
border-bottom:5px solid #373737;
line-height:20px;
}
#navigation ul a.sub:hover{
height:25px;
border-bottom:none;
line-height:20px;
}
#navigation ul a:hover{
background-color:#767676;
border-color:#373737;
color:#FFCC00;
}
#navigation ul ul a:hover{
background-color:#DDDDDD;
border-color: #767676;
color:#336699;
}
#navigation ul ul ul a:hover{
background-color:#FFF;
border-color:#DDDDDD;
}
/*
#navigation{ overflow: hidden; margin-bottom: 50px }
*#navigation ul{
* float: left;
* list-style: outside none;
* margin: 0;
* padding: 0;
*}
*
*#navigation li, #navigation a{ float: left }
*
*#navigation a{
* padding:5px 10px;
* margin-right: 5px;
* background: #7b7b7b;
* color: #fff;
* text-decoration: none;
* font-weight: bold
*}
*
*#navigation a:hover, #navigation a:focus{ background-color: #000 }
la parte finale commentata era la formattazione originale del menu.
Scusate se ho creato 4 post x inserire il codice e scusate x la lunghezza ma nn sapevo come mostrarlo diversamente.
Grazie