Menu Cortina

Oi gente , eu achei um tutorial bem legal de menu cortina no blog do Eduardo Matos e decidir passar ele para blogger ele é bem simples ~ prévia aqui ~ confiram o tutorial:

1 - Vá em modelo > editar html ;
2 - Procure por ]]></b:skin> ;
3 - cole esse código antes dessa tag :

ul,li{

    margin:0;

    padding:0;}
ul{

h:500px; /* aqui você muda a largura da barra do menu */
mar
widtgin:auto;
height:55px; /* altura do menu /*

rflow:hidden;
} 
li{
    float:left;
background:#004008; /* cor do menu /*
    ov
e list-style:none;
}
li a{
    display:block;
    width:125px;
    line-height:3.44;

    background:-moz-li
text-align:center;
    color:#fff;
    text-decoration:none;
    font-size:16px;

t(linear,left top, left bottom ,from(#D4ED6F),to(#D4ED
near-gradient(top,#D4ED6F,#D4ED6F); /* cor do hover /*
    background:-webkit-gradie
n6F)); /* cor do hover /*
    background:linear-gradient(top,#D4ED6F,#D4ED6F); /* cor do hover /*
    background-repeat:no-repeat;

ransition:background-position .2
background-position:0 -55px;
    -moz-transition:background-position .2s;
    -webkit-transition:background-position .2s;
    
ts;
}
 
li a:hover{
    background-position:0 0;

}
color:#004008 */ cor da fonte do hover /
*

4 - E coloque esse código onde quer que apareça:

<ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">Serviços</a></li>
        <li><a href="#">Portfolio</a></li>
        <li><a href="#">Contato</a></li>
    </ul>

Créditos : Eduardo Matos Tutorial Modificado por : Sugoi Tutoriais.