segunda-feira, 29 de outubro de 2012

Tutorial: Efeito Giratório nas Imagens do Post + Plano de Fundo na Área dos Comentários

 
Hi Ghouls..
A Pedido da Brenda, Vim Trazer 2 Tutoriais Muito Fofos..
More?
Efeito Giratório nas Imagens do Post 

É O Mesmo Efeito Aqui Do Blog...
Vejam..

 

Viram, Massa Ne?
É Um Tutorial Bem Fácil, Mas Envolve HTML

Modelo > Editar HTML > Prosseguir > Ctrl F > Pesquise Por ]]></b:skin>

ACIMA, desse código Procurado Cole:

.post-body img {
z-index:999999;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(10px);
-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(10px);
-o-transform: rotate(0deg) scale(1) skew(0deg) translate(10px);
}

.post-body img:hover{
z-index:9999;
-webkit-transform: rotate(360deg) scale(1.302) skew(0deg) translate(7px);
-moz-transform: rotate(360deg) scale(1.302) skew(0deg) translate(7px);
-o-transform: rotate(360deg) scale(1.302) skew(0deg) translate(7px);
}

Visualize, Se Estiver Tudo Certo Salve :)

Créditos: Aqui

Plano de Fundo na Área dos Comentários

Também Temos Esse Efeito no Blog... 

É Bem Fácil..

Modelo > Editar HTML > Prosseguir > Ctrl F > Procure Por : #comments { 
E Abaixo Desse Código Cole:
background: url(URL DA SUA IMAGEM AQUI) repeat;0
 Aonde está escrito URL DA SUA IMAGEM cole a URL do Seu Plano de Fundo..

PEGUEI AQUI
Se Usar Credite a Mim...

BONUS

Alguns Planos De Fundo


















 

Se Usar ou Pegar algum credite, XoxO






3 comentários: