tutorial

Efeito Spinning

junho 15, 2014,2 Comments



Visite: Zap! Things
Yaaaaaay!
Como vai você? eu preciso saber da sua vida (8
Agora vou cantar o Lepo Lepo em inglês....... Mentira, aí é "pacabá" né?
'Tô animada pra postar em todo lugar agora, mudei todo meu blog, até o nome (inclusive já fiz propaganda ali em cima :p).
Mas (sempre tem um "mas" ¬¬) 'tô desanimada com a escola, faltei muito por causa de depressão ('tô melhor agora, caso queiram saber) e agora 'tô atolada de provas e trabalhos pra fazer e minhas "amigas" não me avisaram nada, pra pelo menos os trabalhos eu ir fazendo em casa, mas ok, show de bola né? Não heuaeua
Bueno, chega de drama agora porque não sou disso, vamos ao assunto que me trouxe a escrever esta humilde postagem MÊS QUE VEM EU FAÇO 1 ANO DE ONE DÍ THINGS. Ok o assunto não é esse vamos ao assunto real: Trouxe um efeito maneiro, se chama Efeito Spinning (preview aqui www), quanto ao lay do meu blog de previews, eu vou mudar porque tá muito WOOOOOOW. Se gostou do efeito, já sabe: "Leia Mais"

É moleza esse tutorial, é só fazer o seguinte:
Vá no HTML do seu blog e procure por ]]>< e ACIMA da tag procurada cole o seguinte código:

.feed-links{display:none !important;}.efeitospinning {
transition:All 1s ease;
transition:All 0.5654s ease;
-webkit-transition:All 0.5654s ease;
-moz-transition:All 0.5654s ease;
-o-transition:All 0.5654s ease;
transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
-ms-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
}
.efeitospinning:hover{
transform: rotate(360deg) scale(1.161) skew(1deg) translate(0px);
-webkit-transform: rotate(360deg) scale(1.161) skew(1deg) translate(0px);
-moz-transform: rotate(360deg) scale(1.161) skew(1deg) translate(0px);
-o-transform: rotate(360deg) scale(1.161) skew(1deg) translate(0px);
-ms-transform: rotate(360deg) scale(1.161) skew(1deg) translate(0px);
}

Salve! Depois que salvar, você vai no Layout do seu blog e adicione um gadget HTML/JavaScript e cole isso:

<a href="LINK_DO_BLOG" title="NOME_DO_BLOG"><img class="efeitospinning" height="200" src="LINK_DA_IMAGEM" width="200" /></a>

Bem fácil, dá pra ver que um efeito pra afiliados, mas não precisa usar só pra isso, pode usar pra postadoras também, imagens de welcome, efim...
Ajudei or nah?
Bueno, é isso, até mais ver seres humanos do meu coração, fiquem com papai do céu!
Bye bye <3


----Nanda <3


You Might Also Like

2 comentários:

  1. Oi Nanda.Eu amo esse Blog.Ele é muito perfeito cara.Ainda mais com essas fotos perfeitas dos Meninos da 1D.Eu Amo eles #soudirectioner ♥

    Amo o Blog e já estou seguindo.
    Beijoss.

    dudynhaoliveira.blogspot.com
    Segue pffvvvv?

    ResponderExcluir
  2. Ah e amei o Post,E to usando esse efeito no meu layout free ♥
    Bjs

    ResponderExcluir