See also

13 de out. de 2013

Menu Wishlist

Postagem programada
Créditos: pics :3

Oi pedaços de perfeição! Mais um post programado, agora sem novidades, nem nada.. semana que vem (hoje é dia 10/10 pessoal..) postarei mais novidades sobre a minha terrível quase legal vida!
Bora pro tutorial.. (obs: gomen não ter novidades T^T)


PREVIEW: clica

Primeiro, vá no seu HTML e aperte Ctrl+F e pesquise por ]]></b:skin>
Em seguida, cole esse código antes dele:
.wishlist a {

display : block;

font-family: PF arma five;
margin: 1px;
text-transform: uppercase;
font-size: 8px;
color:#747474;
border-bottom: 1px solid #ebeaea;
border-left: 6px solid #ff8080;
background:#ffc0c0;
padding: 5px 10px 3px 3px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.wishlist a:hover{
padding-left: 13px;
background:#BBD5F3;
border-left:6px solid #53A5F9;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
Agora vá no seu gadget (html/java script) em que você quer o menu e cole o seguinte código:
<div class="wishlist a"><a href="URL">NOME</a></div><div class="wishlist a"><a href="URL">NOME</a></div><div class="wishlist a"><a href="URL">NOME</a></div>
Fácinho não? Espero que tenham gostado <3
Beijos! 

4 comentários:

  1. Que cute *u*

    htmlandresources.blogspot.com

    ResponderExcluir
  2. Vou usar esse menu no meu layout :3
    Ah, Vey-chan você poderia dizer em que blog você achou esse tu-to? Ou foi você que criou? Assim fica mais fácil na hora de creditar c:

    ResponderExcluir
    Respostas
    1. No Princess Tutoriais flor *3*
      http://princesstutoriais.blogspot.com.br/.

      Kissu~

      Excluir

CRED
te peguei safado!