Fiquei muito feliz ao saber que gostaram do novo lay que fiz. Acho que esse foi o melhor lay que eu já fiz.
Eu não estou me sentindo muito bem hoje, é que na quarta foi meu niver só que eu só comemorei ontem e eu comi muita besteira, e agora não me sinto tão bem. E eu acho que estou ficando resfriada.
Isa, porque você está falando isso? É que se continuar assim, talvez a frequência de posts diminua um pouquinho. Se isso acontecer você já sabem o porque, né?
Mas vamos ao que interessa: o efeito. Ele ficou bem fofinho, na minha opinião.
No HTML do sue blog, aperte F3 e procure por ]]></b:skin> e acima cole:
@-o-keyframes efeito-nice-isa {
1% {-o-transform: translate(2px);}
10% {-o-transform: translate(3px);}
20% {-o-transform: translate(6px);}
30% {-o-transform: translate(8px);}
40% {-o-transform: translate(10px);}
50% {-o-transform: translate(12px);}
}
@-moz-keyframes efeito-nice-isa {
1% {-moz-transform: translate(2px);}
10% {-moz-transform: translate(3px);}
20% {-moz-transform: translate(6px);}
30% {-moz-transform: translate(8px);}
40% {-moz-transform: translate(10px);}
50% {-moz-transform: translate(12px);}
}
@-webkit-keyframes efeito-nice-isa {
1% {-webkit-transform: translate(2px);}
10% {-webkit-transform: translate(3px);}
20% {-webkit-transform: translate(6px);}
30% {-webkit-transform: translate(8px);}
40% {-webkit-transform: translate(10px);}
50% {-webkit-transform: translate(12px);}
}
.efeito-nice-isa {-webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s;border-radius: 49px 49px 90px 90px;-webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s;}
.efeito-nice-isa:hover {-webkit-animation: efeito-nice-isa .5s alternate infinite linear;-webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s;}
border-radius: 49px 49px 90px 90px; são as bordas arredondadas das imagens, é só mexer caso não queiram.
Para colocar, vá em Layout • Adicionar Gadget • HTML/JavaScript • cole:
<a href="LINK" title="NOME"><img src="URL DA IMAGEM" class="efeito-nice-isa"/></a>Preencha o que se pede e pronto!
<a href="LINK" title="NOME"><img src="URL DA IMAGEM" class="efeito-nice-isa"/></a>
<a href="LINK" title="NOME"><img src="URL DA IMAGEM" class="efeito-nice-isa"/></a>
<a href="LINK" title="NOME"><img src="URL DA IMAGEM" class="efeito-nice-isa"/></a>
<a href="LINK" title="NOME"><img src="URL DA IMAGEM" class="efeito-nice-isa"/></a>
<a href="LINK" title="NOME"><img src="URL DA IMAGEM" class="efeito-nice-isa"/></a>
Gente, o efeito é meu então se repassar dê meus devidos créditos!
Gostei do efeito, achei fofinho.
ResponderExcluirAna ~ TSD/perfil
Ownt, adorei o efeito, fica bem fofo! :D
ResponderExcluirxx,
pinkpimenta.blogspot.com.br/
Gostei do efeito, muito lindo !
ResponderExcluircr4zy-world.blogspot.com
Adorei o efeito,bem interessante ^^
ResponderExcluirNee nee quer fazer afiliação,meu blog tem um pouco de html,pode ser?
Mas seu tema principal é anime e goodies...
Se puder me responde nele,por favor.
O blog é Eternamente Otaku
O blog de vocês é demais, eu simplesmente adorei o layout.
ResponderExcluirAh e muuuito obrigada pela postagem eu estava louca procurando o efeito que por sinal fica muito legal em afiliados não é ?
Enfim, beijos e seguindo aqui !
http://the-moon-reverse.blogspot.com.br/
Adorei o efeito, ficou bem bonitinho!!
ResponderExcluirGraças á sua explicação, consegui fazer um efeito :3
Obrigada!
pqngarota.tk
Gostei, fica bem fofo ><
ResponderExcluirMelhoras pra você, gulosa u.u E parabéns atrasado *u*
Beijos,
poisonhtml.blogspot.com
Amei o efeito, ele é lindo. Aceita afiliação? Beijos
ResponderExcluiramantesdemoda.blogspot.com.br
Ah, tem uma brincadeira chamada "tag das blogueiras" e eu te tagueei. Olha no meu blog
ResponderExcluirhttp://leyahff.blogspot.com.br/2013/02/respondendo-tag.html
bjinhuss carinhososs
Adorei o efeito e o tutorial,bem legal^^
ResponderExcluirBeijos
Amora R.
Feliz aniversário atrasado e melhoras do possível resfriado :\
ResponderExcluirLindo o efeito, Isa! Você manda muito bem para criá-los, viu? Adorei <3
Beijos
Too Kawaii