domingo, 9 de dezembro de 2012

Efeito Cute Pow

Tumblr_merur9w74t1qg31wwo1_500_large
Hey pessoal! Hoje eu trouxe um efeito muito muito lindo que eu mesma fiz para Afiliados, Imagens do Blog, ou tanto faz depende de como você queira.Ele é bem simples mas é útil, isso eu te garanto! Então vamos aprender? Basta clicar em "Leia Mais"!
: Vá em Modelo---> Editar HTML e procure a tag ]]></b:skin.Achou? Pronto! Agora cole o código (abaixo) em cima dela:
/*Efeito Cute Pow por Luiza F*/
.cp {
border:7px solid #FFFF00;/*COR DA BORDA*/
-webkit-transition-duration: .90s;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}
.cp:hover {
-webkit-transition-duration: .90s;
border:7px solid #0000FF;/*COR DA BORDA AO PASSAR O MOUSE*/
filter:alpha(opacity=82);
-moz-opacity:0.82;
opacity:0.82;
}
: Pronto, agora para ativar o Efeito é preciso desse código, você pode colá-lo em sidebar, como também em outros lugares!
 <a href="LINK_DO_BLOG"><img src="Link da Imagem" width="95px" class="cp" title="NOME_DO_LINK" /></a>
:Preview do efeito:


Beijos gente! Até a próxima!

Nenhum comentário:

Postar um comentário