• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

19 de janeiro de 2013

efeito jump nos Afiliados

284918_454552657934430_474965581_n_large
Meow..
Olá pessoas atrás de um computador!!!
Hoje trouxe um tutorial para vocês, eu não sei quem criou esse efeito, mais achei o tutorial nesse blog, então se você que criou esse efeito, não precisa ficar brigando, é só escrever nos comentários '-'
o efeito é esse aqui

Achei muito legal pois vários blogs estão usando ultimamente. Sempre procurei tutoriais disso pois sempre via esse efeito sem link, mais agora achei um que possibilita você de colocar um link, vamos aprender?
Primeiro adicione um HTML/javascript e cole:

<style>
@-webkit-keyframes jump {0% {-webkit-transform: translatey(0px);}50% {-webkit-transform: translatey(-10px);}100% {-webkit-transform: translatey(0px);}}.jump {-webkit-transition: .5s; border-radius: 2px; box-shadow: 1px 1px #caebe6;}.jump:hover {-webkit-animation: jump .5s alternate infinite linear;}
</style>

Agora salve, e adicione outro HTML/javascript e cole:

<a href="SEU LINK" target="_blank"><img src="LINK DA IMAGEM" border="0" class="jump" title="NOME"/></a>
Se você quiser colocar mais imagens e mais links, é só repetir esse código:

<a href="SEU LINK" target="_blank"><img src="LINK DA IMAGEM" border="0" class="jump" title="NOME"/></a>

Aí o bom é que você pode colocar quantas imagens e links que você quiser né, espero que tenham compreendido o tutorial, se não entenderem, perguntem nos comentários **3

16 comentários:

  1. Que efeito Lindo! ameei ♥
    connectadus *PERFIL

    ResponderExcluir
  2. tava procurando esse efeito :) obg

    ResponderExcluir
  3. Que efeito legal *--* Não conhecia :P
    kissus♥
    unicornio-voador.blogspot.com

    ResponderExcluir
    Respostas
    1. rs, trouxe pra cá pois todos estão usando, então quis compartilhar com vocês leitores do a.n

      Excluir
  4. Oi Megan! Tudo bom? Esse efeito é super lindo... talvez eu use nas imagens da lateral do meu blog rsrs mas fica uam gracinha nos afiliados u_u

    ==O My Crazy World está com novo layout, novo estilo, novos temas, novos conteúdos, novas postadoras, novas postagens e muito mais :3
    Espero sua visita, Afiliado ^.^==

    Beijos. Luh
    MCW || MY CRAZY WORLD

    ResponderExcluir
  5. Pirei nesse tutorial *--* próximo lay já sei como vai ser meu menu ;)

    Tem lay novo, post novo e em breve sorteio lá no BP

    visite- naty-todasaspequenascoisas.blogspot.com

    ResponderExcluir
  6. Oii amigaa tbm faz teempo qe eu naum apareço por aquie hh, seu novo lay ta incrivel lindo lindo *-*
    o meu lay eu peguei na netkk, naum respondii maais seus e-mail pois tava meio sem tempoo ... maas qnd eu desapertar aquii eu ainda vou quere suaa ajudaa taa kkkk
    beijoooos muitoo legal esse tutu :D

    eunosofa@blogspot.com

    ResponderExcluir
  7. OMG ele fica pulando *o* ocachorrinho fica pulado awnn que fofo adorei o efeito!

    jovenclube(.blogspot.com.br)

    ResponderExcluir
  8. Tava loca atrás desse tuto,
    mais estou sem tempo ~e com preguiça
    de colocar no meu blog, mais quero que
    essa preguiça se acabe nhááá ~morra preguiça POOF
    Kisses!!

    docemundokawaii.blogspot.com.br/
    cristaistutorial.blogspot.com

    ResponderExcluir