Menu Roll Right

 

yoo~~

 Hoje eu trago um menu muito legal mesmo para vocês usarem em seus blogs, e muito fácil de se fazer além de ser muito atraente e viciante. Créditos ao Worldesigns. Visualize o menu aqui. Como vocês podem perceber ele utiliza imagens, eu preparei algumas para vocês usarem em seus blogs. Dessas imagens que eu fiz apenas 5 para vocês usarem em seus layouts e tals. Espero que gostem.

Enjoy ~

Vá em seu HTML, e procure por ]]></b:skin>, acima de ]]></b:skin>, cole:

#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;

}

Substitua a parte em negrito pelo o link de sua imagem, lembre-se que deve ser a mesma imagem nos links. Depois disso, adicione um gadget HTML/Javascript e cole o código:

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

Substitua a pronto.