6 de maio de 2013

Efeito Gild + Avatares Demi Lovato

Large


Oi amoras .. Quem viu a entrevista com a Demi ontem no fantástico? Então... Hoje eu trouxe um tutorial que vi no Modernium (ela deixou os cdts sim),mas o tuto é do We Heart HTML e,é um efeito para equipe do blog sabe,mas eu acho que dá pra usar nos afiliados também...
Então,venha ver!
Vá no seu HTML e procure por  ]]></b:skin> assim:
Click pra ver maior
Você vai clicar nesses três pontos e vai procurar por ]]></b:skin> na sua caixinha de busca,e cole acima:


@-webkit-keyframes gild {
50% {transform: rotate(10deg) scale(0.636);
-webkit-transform: rotate(10deg) scale(0.636);
-moz-transform: rotate(10deg) scale(0.636);
-o-transform: rotate(10deg) scale(0.636);
-ms-transform: rotate(10deg) scale(0.636)}
75% {transform: rotate(-10deg) scale(0.636);
-webkit-transform: rotate(10deg) scale(0.636);
-moz-transform: rotate(-10deg) scale(0.636);
-o-transform: rotate(-10deg) scale(0.636);
-ms-transform: rotate(-10deg) scale(0.636);}
99% { opacity: 0.0;}
100% {-webkit-transform: rotate(0deg); opacity: 1;}
}
.gild {display: inline-block; border-radius: 5px;}
.gild:hover { -webkit-animation: gild .5s alternate linear;}


Não mude nada.
Agora abra  um gadget HTML/JavaScript esse código:
<a href="LINK"><img src="LINK DA IMAGEM" class="gild"></a>

Aqui está os avatares, cdts: Lovers Of HTML
       
Estes são do Chovendo Diamantes
    Espero que tenham gostado ...
É só isso hoje,comentem
Beeijoos,Juh

6 comentários:

  1. Não sei me lidar com tutoriais muito mas deve ficar legal, ah e eu amei os avatares.

    ResponderExcluir
  2. Ops, e eu peguei o tutorial, vou fazer algum teste no blog. Beijos mil pra você Julia.

    ResponderExcluir
    Respostas
    1. Faz em outro primeiro se der certo faça no seu blog,bjs

      Excluir
  3. Adorei a postagem Julia, mas não seria melhor postar sobre moda, essas tendências de hoje? Minha opinião, mas faça o que quiser. Beijos e sucesso.

    ResponderExcluir
    Respostas
    1. Eu gosto de postar tutoriais,mas obrigada pela sugestão :)
      Bjs

      Excluir

1 - Leia o post primeiro, por favor;
2 - O comentário será aprovado, depois publicado;
3 - Trate todos bem, para receber o mesmo em troca;
4 - Deixe o URL do seu site;
5 - Aceito criticas, sugestões..