11/07/2013

Tutorial: Efeito Just Jump

||

Yo as coisas aqui estão bem agitadas, paguei um maior mico dentro do elevador. Nem vou comentar sobre isso... tá não aguento vou dizer. Fui eu na empresa onde estou me escrevendo para fazer um curso profissionalizante de desenho e fui aceitar! Fiz prova e tirei uma boa nota então sai de lá toda empolgadona entrei no elevado e me animei ouvindo B.A.P e comecei a cantar e dançar, quando abri meus olhos tinha um senhor ao meu lado eu juro que ele não tava lá!

Quando eu cheguei na saída os caras da portaria tavam cantando e me imitando nossa que vergonha é a segunda vez que isso acontece comigo, mas venho trazer um rápido tutorial para vocês ele se chama Just Jump os créditos deixarei no final do post. Para quem quiser dar uma olhadinha no efeito só clicar aqui: Preview


1. Vá ate seu HTML e procure por ]]></b:skin> acima dele você cola o código abaixo:

.jump-isa:hover{-webkit-transform: translatey(-50%) rotate(-360deg) scale(1.3); border-radius: 50px;}
.jumping-isa img{width: 50px;box-shadow:0px 0px 0px #ccc;-webkit-transition-duration: .80s;}
.jumping-isa:hover img {opacity: 0.4;-webkit-transition-duration: .80s;}
.jumping-isa img:hover {opacity: 1;-webkit-transition-duration: .80s;}

2. Apos colocar o código dentro do HTML, salve. Vá ate a pagina de layout e abra um gadget de HTML/JavaScript, dentro cole:

<div class="jumping-isa">
<a href="Link" title="Nome"><img src="URL DA IMAGEM" class="jump-isa"></a>
<a href="Link" title="Nome"><img src="URL DA IMAGEM" class="jump-isa"></a>
<a href="Link" title="Nome"><img src="URL DA IMAGEM" class="jump-isa"></a>
<a href="Link" title="Nome"><img src="URL DA IMAGEM" class="jump-isa"></a>
<a href="Link" title="Nome"><img src="URL DA IMAGEM" class="jump-isa"></a>
<a href="Link" title="Nome"><img src="URL DA IMAGEM" class="jump-isa"></a>
</div>

Todos os créditos são do blog EAH um ótimo blog visitem. Bem é isso espero que gostem do efeito e ate aproxima postagem bunnys.

14 comentários:

  1. Ai deuses, que vergonha maaaano, o pior são os porteiros HEUHEU. DUAS VEZES?!?!! MENINAA!!
    Enfim... O efeito é muito fofo, adorei >.<

    Beeejos, Neko
    letswondering.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Haha né? Mas fazer o que não consigo me controlar quando escuto música. Já dancei ate Michael J em ponto de ônibus e uma senhora que também estava lá comento pro neto "se você cheirar algo e passar agir assim eu te interno" o.o

      Mas que bom que gostou do efeito ^^
      Beijokas

      Excluir
  2. Adorei o efeito, no meu próximo lay com certeza irei usar <33 Beijos~
    Trufa-de-menta *3*

    ResponderExcluir
  3. Que efeito legal :3
    cr4zy-world.blogspot.com

    ResponderExcluir
  4. Que fofo esse efeito lindaa, saudades de tu =/

    ResponderExcluir
    Respostas
    1. Obrigada Roh, também estou cheia de saudades,

      Excluir
  5. Que mico! Mas as músicas do B.A.P são contagiantes, não tem como não dançar/ cantar!
    Lindo efeito, talvez use! Não vi que você estava postando mesmo em Hiatus!
    Sempre fui Estranha | Clica?

    ResponderExcluir
    Respostas
    1. Isso mesmo não tem como não dançar e cantar mas eu sempre pago micos assim. Hihi entendo espero que sim.

      Sim, entro as vezes pela lan e faço uma postagem rápida. Não consigo ficar longe do blog.

      Excluir
  6. KKKKKKKKK morri de rir com a Hitoria do elevador kk', o efeito é super fofo *---*

    ResponderExcluir
    Respostas
    1. Imagino como riu ^^"
      Que bom, que gostou do efeito.

      Excluir