21/12/2012

Tutorial: Efeito Shake

||

Olá meus bunnys crazys, como vão vocês?  Trago um efeito bem legal que eu achei  no blog KW, então ai esta os devidos créditos. O efeito e como o nome diz Shake ela meche quando você passa o mouse por cima, caso queiram dar uma olhadinha basta clicar no link mais abaixo. Gostaram? Divertido não é, vamos tentar?

Vá até editar HTML e lá procure por <head> e abaixo dessa tag, adicione este código:

<script src='http://sites.google.com/site/webunnycrazy/c/shake.js' type='text/javascript'/>

Agora procure pela tag ]]></b:skin> e acima da tag, cole:

.shake {position: relative; display: inline;}

E para finalizar, adicione um novo gadget de HTML/JavaScript e dentro cole o código abaixo, e então coloque a imagem onde indica:

<img src="URL DA FOTO" class="shake" onmouseover="init(this);rattleimage()" onmouseout="stoprattle(this);top.focus()" onclick="top.focus()"/>

Beijinhos e até a próxima!

6 comentários:

  1. Legal vou usar no meu novo layout

    ResponderExcluir
  2. Lindo amei , vou usar .. Perfeito o blog seguindo ^^
    http://alllovelyandflluffy.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Obrigada por usar Taty *---------* ain muito obrigada.

      Excluir

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram