The Moon Reverse ミ✩: Menu Wishlist

6 de março de 2013

Menu Wishlist

Olá, meus queridos! Como vocês estão hoje? Bom, indo logo ao assunto principal, que é sobre a postagem, o menu de hoje é simples e delicado, serve e cai bem em menus principais ou tags. E só um detalhe, gente, estou muito ocupada e acabei não fazendo o tutorial de como aplicar PSD em imagens que uma leitora pediu, mais quando der tempo ou até mesmo amanhã eu farei algo melhor aqui. Deem os créditos ao blog To Black Cherry pelo tutorial, por favor. Ah, e quem sabe eu faço um tutorial completo ou em partes de como fazer um layout para a próxima postagem, ahaha. Talvez eu faça isso. Mas vamos ao tutorial, Espero que entendam e gostem >3<

PREVIEW


01. Vá até seu HTML e aperte a tecla F3 e procure por ]]></b:skin>. Achou? Então cole o código do quote abaixo acima dessa tag.
.wishlist{
font-family: 'Calibri';
font-size: 12px;
text-align: center;
letter-spacing: 2px;
text-shadow: 1px 1px 0px #c9d4dd;
box-shadow: inset 0 0 3px #c9d4dd;
background: #dee5ea;
border-radius: 2px;
padding: 5px;
margin: 3px;
display: block;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
cursor: pointer;
}
.wishlist a{ color: #fff;}
.wishlist a:hover{color: #ffffff;}

.wishlist:hover{
text-shadow: 1px 1px 0px #e59dc0;
padding-left: 20px;
box-shadow: inset 0px 100px 0px #FFC6E2;
color: #ffffff;
}
02. Após isso vá até gadget e adicione um de HTML/Java Script.
<div class="wishlist"><a href="LINK">NOME</a></div>
<div class="wishlist"><a href="LINK">NOME</a></div>
<div class="wishlist"><a href="LINK">NOME</a></div>
Este blog não é mais atualizado com novas postagens, mas não excluo 100% a probabilidade.