20 de dezembro de 2012

Efeitos de Wishlist


Oi amendo bobos,tudo bem?Já cheguei do salão e vim postar um tutorial pra compensar a falta de posts ^-^ Trouxe 3 efeitos do tumblr  Cssand-Html , então créditos á ele c: São efeitos de menus que podem ser usados em Status, um deles é o daqui do blog. Preview aqui.
Se interessou em algum?Leia Mais!
Efeito Wishlist 1:

Vá no seu HTML,procure por ]]></b:skin> e acima da tag cole o seguinte código:
.wish { color:#fff;background: #COR DO FUNDO; display : block; padding:3px;font-size: 8pt; font-family: verdana, Lucida Sans Unicode; line-height: 13px; text-align:left;margin-bottom : 2px;padding-left : 10px; -webkit-transition-duration: .50s; border-left: 5px solid #COR DA BORDA; text-shadow: 1px 1px 0 #COR DA SOMBRA;} .wish:hover {color:#ffffff; padding-left : 10px; border-left: 15px solid #COR DA BORDA;}
O próprio código já explica tudo.Pra usar é só adicionar o seguinte código no gadget desejado:
<div class="wish">O que quiser aqui</div>
Efeito Wishlist 2:
Cole o seguinte código acima da tag ]]></b:skin> :
.wish2 { color:#fff;background: #COR DO FUNDO; display : block; padding:3px;font-size: 8pt; font-family: verdana, Lucida Sans Unicode; line-height: 13px; text-align:center;margin-bottom : 2px;padding-left : 10px; -webkit-transition-duration: .50s; border-left: 5px solid #eda3c3; border-right: 5px solid #COR DA BORDA; text-shadow: 1px 1px 0 #COR DA SOMBRA} .wish2:hover {color:#ffffff; padding-left : 10px; border-left: 30px solid #COR DA BORDA; border-right: 30px solid #COR DA BORDA;}
O código já está explicando tudo ^-^ Pra usar, cole esse código no gadget desejado :
<div class="wish2">O que quiser aqui</div>
Efeito Wishlist 3:
 Cole o seguinte código acima de ]]></b:skin> :
.wish3 { color:#fff;background: #COR DO FUNDO; display : block; padding:3px;font-size: 8pt; font-family: verdana, Lucida Sans Unicode; line-height: 13px; text-align:left;margin-bottom : 2px;padding-left : 10px; -webkit-transition-duration: .50s; border-right: 5px solid #COR DA BORDA; text-shadow: 1px 1px 0 #COR DA SOMBRA;} .wish3:hover {color:#ffffff; padding-left : 50px; border-right: 15px solid #COR DA BORDA;}
O código já explica tudo!Pra usar, cole esse código no gadget desejado:
 <div class="wish3">O que quiser aqui</div>

Pronto!Lembrando que os créditos são pro tumblr Cssand-Html!
Até mais gente, amanhã eu posto viu?Espero que tenham gostado dos efeitos :B

3 comentários:

  1. Amei muito os efeitos! Vou até usar o 3 para meu próximo lay ^-^
    Sorry por não comentar muito, mas eh que tá difícil mesmo --' cada loucura que tá acontecendo por aqui #poisé

    valle-mustaqet.(blogspot).

    ResponderExcluir
  2. Adorei os efeitos
    e adorei o blog, seguindo aqui
    é não sei se pode pedir mas tem como vc postar avatares,imagens para post do Jack Skellington??
    espero a resposta
    bjinhos
    Chuva de sonhos

    ResponderExcluir
    Respostas
    1. As imagens pode ser como efeito que vc achar mais bonito *--*

      Excluir

- Não estamos mais aceitando selinhos e tags.
- Não insista : se comentar "seguindo, segue de volta?", eu vou ignorar
- Sua opinião é importante para a equipe (: Dúvidas, sugestões ou reclamações?Comente!Críticas (construtivas) também são aceitas.