Menu Roll Right

                   


Bom, eu vi um menu no KW e resolvi postar aqui. Ele se chama Roll Right
LIVE PREVIEW

Bom, clique em Leia Mais para saber como colocá - lo no seu blog.


Procure, no seu HTML, pela tag ]]></b:skin> e cole acima desta tag:
#rollright{background: url(http://static.tumblr.com/jyjxgdu/2Humbnktp/menu.png) right ;width: 110px;float: left;height: 20px;font: 20px Play; /* fonte */color: #fff; /* cor da fonte */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;}#rollright:hover {opacity: .95;background: url(http://static.tumblr.com/jyjxgdu/2Humbnktp/menu.png) left ; color: #5f5147; /* cor da fonte hover */}
 Substitua a parte em negrito pela sua imagem.

Algumas imagens, também do KW:













Salve.

Abra um gadget HTML/Javascript e cole:
<a href="link" id="rollright">Link</a><a href="link" id="rollright">Link</a><a href="link" id="rollright">Link</a><a href="link" id="rollright">Link</a>
Salve e pronto =)

 

Créditos for Kawaii World e Viih's Designs