Tutorial:Menu Roll Right

Hoy, denovo 'rawn

Hoje, eu trago um menu super fofo, que a Lary, postou lá no KW, eu simplesmente usarei no meu proximo layout, ele vem do tumblr ''Worldesigns''. Para ver esse menu ''Clique aqui'', nele contém imagens então eu trago algumas imagens também do KW. Todos créditos a ele.

P.S: Vocês poderiam seguir o KW? Na meta de 2000 seguidores. Ajudem!

 1. Vá em seu HTML, é procure por ]]></b:skin> quando achar cole ''acima'' o código a seguir:

#menu{
background: url(http://static.tumblr.com/jyjxgdu/2Humbnktp/menu.png) right ;
width: 110px;
float: left;
height: 20px;
font: 20px Play;
color: #fff;
padding: 2px 0 6px 0;
text-align: center;border-radius: 7px;
margin: 5px;
text-transform: uppercase;
cursor: default;
-moz-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#menu:hover {
opacity: .95;
background: url(http://static.tumblr.com/jyjxgdu/2Humbnktp/menu.png) left ;
 color: #5f5147;
}

Agora, só é substituir os links em negrito por sua imagem. P.S: As imagens devem ser as mesmas.
2. Agora cole em um HTML/Javascript o código:

 <a href="link" id="menu">Link</a>

Prontinho agora, as imagens créditos também ao KW.