Tutorial: Efeito Rock

Oi Fofuxas u.u

Tudo bem com vocês? Eu to happy u.u Hoje eu acordei cedo, fui pra loja da minha mãe com ela e de almoço comi feijoada o/ Comer feijoada é foda então eu fiquei disposta pra postar mais um tutorial pra vocês o/ É um efeito de imagem chamado Rock hehe Eu já tenho outro tuto preparado pra vocês que eu vou postar amanhã ok? Pra saberem oque vão usar no blog, apertem aqui.

Apertem More e vejam o tuto :)

1. Vá em Modelo > editar HTML > Aperte ctrl+F e procure por:

]]></b:skin

 2. Antes disso cole:

/* ---------------------------- EFEITO ROCK BY: http://misscherrycookie.blogspot.com
.rock {
border: solid 2px #f0f0f0; /* COR DA BORDA
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-filter:  hue-rotate(0deg);
}
.rock:hover {
border: solid 2px #fff;  /* COR DA BORDA HOVER
-webkit-filter:  hue-rotate(140deg); }

 3. Agora abra um gadget HTML/JavaScript e nele cole:

<img height="ALTURA DA SUA IMAGEMpx" src="URL DA SUA IMAGEM" width="LARGURA DA SUA IMAGEMpx" class="rock" align="center"/>

4. Se for usar pra afiliados, cole :

<a href="LINK DO BLOG" title="NOME"><img height="ALTURA DA SUA IMAGEMpx" src="URL DA SUA IMAGEM" width="LARGURA DA SUA IMAGEMpx" class="rock" align="center"/>

Fim :) Se usar credite o MCC pelo tuto e comenta aí sobre oque achou okay?

Kissus, June