Tutorial: Menu horizontal simples

Hooy gente  hoje eu vou ensinar vocês a fazer um menu horizontal simples (como vocês leram no título) muito bonitinho, usando apenas o CSS, então imaginem como é simples! Aaah quem quiser pode ver um preview clicando aqui. (Antes que alguém pergunte é um blog de testes pro template que eu fiz para o blog da Ana Paula).

Cole o código abaixo acima de ]]></b:skin>

.menu {width: 100px; font-size: 25px;  font-family:'Stars From Our Eyes'; color: #fff;float:left;  letter-spacing:1px; text-align:center; margin:2px;-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease;-webkit-transform: rotate(0deg) scale(0.828) skew(1deg) translate(0px);-moz-transform: rotate(0deg) scale(0.828) skew(1deg) translate(0px);-o-transform: rotate(0deg) scale(0.828) skew(1deg) translate(0px); }

.menu:hover {-webkit-transform: rotate(0deg) scale(1.02) skew(1deg) translate(0px);-moz-transform: rotate(0deg) scale(1.02) skew(1deg) translate(0px);-o-transform: rotate(0deg) scale(1.02) skew(1deg) translate(0px);}

/** Fonte personalizada **/
@font-face {font-family: 'Stars From Our Eyes';src: url('http://static.tumblr.com/mmrynko/17Dm6e4ef/starsfromoureyes.ttf') format('truetype'); font-weight: normal; font-style: normal;}

Salve e no local que você quer que apareça o menu cole o código abaixo:

                                                      <a href="LINK DO DESTINO" class="menu"> <div >Home</div></a>

Dúvidas, comente! Aah... Gente não estranhem essa semana ver vários posts de tutoriais aqui no JD. O motivo é que eu quero dar uma repaginada na página de goodies. Se alguém quiser fazer um pedido especifico aproveite