Seja bem vindo(a) ao Sugoi tutoriais =)
Temos temas para blogger, wordpress e outros!
Acompanhe nosso blog pela FANPAGE!
Peça o seu tutorial aqui!

2/14/2013

Wishlist com setinhas

Oi gente , eu achei esse wishlist muito lindo e decidi postar os códigos são do tumblr Single Themes

Então, é i
1 - Vá em Modelo > Editar HTML > aperte Ctrl+F e procure por ]]></b:skin> e cole esse código acima :

/* 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 */
} 

edite as cores como quiser e onde quer que apareça a Wishlist cole esse código :

<div class="menudiv"><seta>»</seta>Escreva algo aqui, hehe.</div>
<div class="menudiv"><seta>»</seta>Escreva algo aqui, hehe.</div>
<div class="menudiv"><seta>»</seta>Escreva algo aqui, hehe.</div> 

Códigos por : Single Themes | Tutorial feito por : Sugoi Tutoriais

Nenhum comentário:

Postar um comentário

Seja educado , nossa educação depende da sua.
Criticas e sugestões são bem vindos.
Se reblogar por favor nos avise.