Menu Wishlist |

Hey crazyrs, como estão? Desculpe por não ter postado ontem mas como alguns já devem saber, faltou energia em vários lugares, inclusive aqui mas para recompensar vou ensinar a fazer o menu do "Top posts" que um leitor me pediu, acho que vão gostar. Algum de vocês tem fake? kaka, só pra saber kk. Hoje não sem vontade de ficar falando (digitando -q) então vamos ao tutorial. "Mais informações"

Coloque esse código antes de ]]></b:skin>

/* Wishlist fofo com setinha -by: daniideutscher.tumblr */
@font-face {src: url('http://static.tumblr.com/08l8cbl/bxDmeztw0/pf_arma_five.ttf'); font-family: PF Arma Five;}
.menudiv {
background: #eee; /* Cor de fundo da wishlist */
margin-bottom: 2px;
font: 8px PF Arma Five; /* Tamanho e fonte */
line-height: 18px;
-webkit-transition-duration: .80s;
-moz-transition-duration: .80s;
-o-transition-duration: .80s;
-ms-transition-duration: .80s;
transition-duration: .80s;
overflow: hidden;
}
.menudiv:hover {
background: #9475B2; /* Cor de Fundo da wishlist ao passar o mouse */
margin-left: 17px;
color: #fff; /* Cor da letra da wishlist */
}
.menudiv seta {
background: #9475B2; /* Fundo de onde está a seta */
color: #fff; /* Cor da Seta */
padding: 4px;
margin-right: 9px;
}
.menudiv:hover seta {
background: #524361; /* Cor da Caixinha da seta ao passar o mouse */
color: #fff; /* Cor da setinha ao passar o mouse */
}

E depois esse código onde você for usar:

<div class="menudiv"><seta>»</seta><a href="Link">Nome</a></div>

Créditos ao Single Themes.
Espero que tenham gostado. Beijos, Brenda.