Tutorial - Efeito Spin Nos Afiliados

Peça ou pergunte na minha ask do blog aqui,.
Yoo Melancias *u*
Boa tarde c:, como vão? Eu vo bem, mais um pouco decepsionada pois NINGUÉM leu a minha fic, e se leu não comentou. Poha eu fiz 11 capítulos e tem gente pouco se importando pra isso. Mais não tem problema, quem quiser ler (se é que tem alguém) eu vou criar um tumblr e vou postar lá, aí se tiver alguém que está afim de ler me fale pelos comentários que eu passo o link. Mais vindo ao assunto do post, me pediram na ask para mim trazer esse tutorial, então hoje eu trouxe o efeito que está nos meus afiliados, eu vi esse efeito no blog Rainha de Paris que viu no blog Chovendo Diamantes. Como eu sei que eu não vou ficar com esse efeito pro resto da vida nos afiliados, aqui vai uma preview (). Vamos ao tutorial? 


Vá em Modelo Editar html e procure por ]]></b:skin>, e acima dessa tag cole:
.spineffect{max-width:85px;-moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}    .spineffect:hover{-webkit-animation-name: spin;    -webkit-animation-duration: 400ms;    -webkit-animation-iteration-count: 2;    -webkit-animation-direction: alternate;}@-webkit-keyframes spin {from {opacity: .99;    -webkit-transform:rotate(0deg);    -o-transform:rotate(0deg);    -moz-transform: rotate(0deg);}    to {opacity: .30;     -webkit-transform:rotate(360deg);    -o-transform:rotate(360deg);    -moz-transform: rotate(360deg);}}
Não mexa em nada. Agora adiciona uma gadget HTML/JavaScript e cole o seguinte código:
<a href="LinkDoBlog"title="NomeDoBlog"><imgs src="LinkDaImagem"class="spineffect"/></a>

Aqui vão algumas imagens que a Bárbara fez:






Algumas que eu fiz (não ficaram boas, mais tentei)


Espero que tenham gostado, kisses!

8 comentários:

  1. Ah,que isso!Suas imagens para afiliados ficaram fofas sim!O tutorial é muito legal,possa ser que eu use no próximo Layout...Desculpe por não ter lido sua historinha,mas eu vou lá ler ok?

    Beijos minha flor!
    http://desenhosdalais.blogspot.com.br/

    ResponderExcluir
  2. Não consegui colocar no meu blog Shiory T^T O efeito é tao fofo ♥

    ResponderExcluir
    Respostas
    1. Nossa May, eu vou tentar colocar qualquer dia desses então.

      Excluir
  3. Gostei do efeito, mas prefiro o efeito Zoom. Quero ler a fic, mas sou muito lerda pra ler. Assim que termino um capítulo eu comento. Até mais. janeiro-janeiro.blogspot.com

    ResponderExcluir
    Respostas
    1. Que bom que gostou (:
      Ok, quando eu terminar de criar o tumblr eu passo aqui no blog para vocês ^^

      Excluir
  4. Gostei do efeito :3
    Irei usar no meu próximo lays imagens também, achei elas tão fofas.

    ResponderExcluir

- Ler não mata, então leia o post antes de comentar
- Não serão aceitos comentários ofensivos.
- Não aceito tags nem selinhos.
- Aceito pedidos para seguir, se estiver seguindo o blog...
- Respondo todos os comentários.