Tutorial - Efeito Shake


Boa tarde, gente.

Felizmente foram poucas as pessoas que me xingaram, fico muito feliz por vocês terem entendido. Peço que por favor, se conscientizem e parem de se 'inspirar' em outros blogs. Tanto o meu quanto o de outras pessoas, isso é muito feio e representa falta de criatividade. Eu prefiro mil vezes um blog simples e original do que aquele maravilhoso igual ao de outro blog. Hoje mesmo irei indicar blogs lindos que encontrei por aí. Peço que me ajudem e policiem-se entre si, se viu algum blog "inspirado" é só me avisar pela ask. 

Bom, passeando por alguns tumblrs encontrei esse efeito que alguns já haviam pedido: O efeito shake. Esse não é o mesmo que usei, mas é bem parecido e eu encontrei no Designs forYou. Simplesmente ao passar o mouse sobre a imagem, como o nome já diz, ela começa a tremer/balançar. Apesar de simples, acho bem fofo. Por favor, se for usar tenha cuidado para não fazer igual ao meu, você pode usar imagens que não sejam assim de coração que nem as minhas ou pode usar em outro local como os autores.



Para ver a preview, clique aqui e dirija-se ao gadget "Efeito Shake". Siga com o tutorial se gostou.



1. Vá até editar HTML e procure por <head> e abaixo dessa tag, cole:

<script src='http://static.tumblr.com/qbzesex/w1om9n82r/bygustavo.txt' type='text/javascript'/>

2. Agora procure por ]]></b:skin> e acima da tag, cole:

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

3. Por último, em um gadget de HTML/JavaScript, cole e substitua a parte sublinhada:

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


 

Nenhum comentário:

Postar um comentário