Il codice che sono riuscito a trovare per l'effetto menù è questo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Menu css gratuito - esempio 13/Free css menu - example 13</title>
<!--Onsitus.it - menu css gratuito - esempio 13/free css menu - example 13:
Altri menu gratuiti/Other free css menu:
http://css.flepstudio.org/css/css-menu/ Se usate questo template, grazie per lasciare queste informazione o un link back a onsitus.it è sempre il benvenuto
If you use this template, thank you to leave those information or a link back to onsitus.it is alwasy welcome-->
<style type="text/css">
#css_menu_13{
padding-bottom:20px;
background-color:black;
}
#css_menu_13 ul{
list-style:none;
overflow:hidden;
height:110px;
margin:0;
padding:20px 20px 0 20px;
border-bottom:5px solid white;
}
#css_menu_13 li{
display:inline;
}
#css_menu_13 li a{
display:block;
float:left;
width:70px;
height:50px;
margin:60px 2px 0 2px;
border-top:5px solid white;
border-right:5px solid white;
border-left:5px solid white;
text-decoration:none;
text-align:center;
text-transform:uppercase;
font-family:arial;
font-size:11px;
font-weight:bold;
color:white;
}
#css_menu_13 li a span{
display:block;
margin-top:5px;
padding:5px;
}
#css_menu_13 li a b{
display:block;
margin-top:10px;
font-family:"Arial Narrow";
font-size:60px;
}
#css_menu_13 li a:hover{
height:110px;
margin-top:0;
}
#css_menu_13 li a.item1{
background-color:#FF0099;
}
#css_menu_13 li a.item2{
background-color:#99CC00;
}
#css_menu_13 li a.item3{
background-color:#FF3300;
}
#css_menu_13 li a.item4{
background-color:#3399FF;
}
#css_menu_13 li a.item5{
background-color:#FFB300;
}
#css_menu_13 li a.item1 span{
background-color:#CC007A;
}
#css_menu_13 li a.item2 span{
background-color:#7AA300;
}
#css_menu_13 li a.item3 span{
background-color:#CC2900;
}
#css_menu_13 li a.item4 span{
background-color:#297ACC;
}
#css_menu_13 li a.item5 span{
background-color:#CC8F00;
}
</style>
</head>
<body>
<div id="css_menu_13">
<ul>
<li><a href="#nogo" class="item1"><span>home</span>
01[/url]</li>
<li><a href="#nogo" class="item2"><span>quando</span>
02[/url]</li>
<li><a href="#nogo" class="item3"><span>perche</span>
03[/url]</li>
<li><a href="#nogo" class="item4"><span>dove</span>
04[/url]</li>
<li><a href="#nogo" class="item5"><span>chi</span>
05[/url]</li>
</ul>
</div>
</body>
</html>
Come devo procedere?
