Menu Fast Hover Horizontal

E aew galerinha... hj vou ensinara para vocês como colocar o Menu Fast do jeito que eu uso aki. Vamo lá:

Vá em >>EDITAR HTML>> agora procure pela seguinte tag>>]]></b:skin>:

logo acima dela adicione o seguinte comando:

/* MENU-HORIZONTAL ----------------------------------------------- */ #menu-horizontal {
font: normal 20px 'play','Arial',Verdana,Sans-serif;
} #menu-horizontal li {
list-style: none;
margin: 0;
display: inline;
}
#menu-horizontal li a {
margin-left:2px;
margin-right:2px;
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
-o-transition: all 0.7s linear;
transition: all 0.7s linear; }
#menu-horizontal li a:link {
color: #XXXXXX;
text-shadow: 2px 2px 2px #000;
}
#menu-horizontal li a:visited {
color: #XXXXXX;
text-shadow: 2px 2px 2px #000;
}
#menu-horizontal li a:hover {
color: #XXXXXX;
text-shadow: 2px 2px 2px #XXXXX;
text-decoration: none;
}

Agora edite os seguintes comandos:

font: nesta tag você estipula o tamanho da font e escolhe a font.
margin-left:2px;: aqui você distancia a palavra da esquerda.
margin-right:2px;: aqui você distancia a palavra da direita.
color: #XXXXXX;: edite as cores.
text-shadow: sobra projetada, edite as distâncias e as cor da sombra.

Agora procure por:

<div id='outer-wrapper'>

Logo abaixo da tag citada acima adicione o seguinte código:

<div class='post-title entry-title' style='float:left; margin-top:XXXpx; margin-left:XXpx; line-height:20px;'> <ul id='menu-horizontal'> <li><a href='url'>nome</a></li></ul></div>

Edite os seguintes valores:

margin-top:XXXpx;: dê valores que coloquem para cima ou para baixo.
margin-left:XXpx;: dê valores que levem para direita (se aumentar) ou para esquerda (se diminuir).

Repita esta linha para a quantidade de links que você deseja, uma abaixo da outra:

<li><a href='url'>nome</a></li>

Ex.:


<div class='post-title entry-title' style='float:left; margin-top:XXXpx; margin-left:XXpx; line-height:20px;'> <ul id='menu-horizontal'> <li><a href='url'>nome</a></li> <li><a href='url'>nome</a></li> <li><a href='url'>nome</a></li> </ul></div>