Tutorial - Efeito Opacity!

Olá meus Fofinhos! Este BuddyPoke é o meu! Apesar de eu não ser loira! Fui eu que fiz!

Tudo bem!?

Bom.... Eu tenho 2 "técnicas" de efeito opacity! Uma você coloca na postagem (a que eu prefiro) e outra que eu achei no Universo da Sofia [www] 

Modo que coloca na própria postagem! Modo 1:

Na hora em que você quiser colocar o efeito na imagem clique em : HTML. E cole este código:

<img onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" style="opacity: 0.5;" src="url" /></a>

Retire a palavra url e coloque a url da imagem! Para ver como ficou clique em escrever, a imagem fica bem clarinha e só no blog escurece!

Modo 2:

Vá em Modelo  Editar HTML !

Clique em Prosseguir quando o anuncio aparecer!

Aperte Ctrl+F e procure por: ]]></b:skin>

Acima deste código cole:

.main img {

filter:alpha(opacity=82);

-moz-opacity:0.82;

opacity:0.82;

}

.main img:hover {

filter:alpha(opacity=100);

-moz-opacity:1.0;

opacity:1.0;

duration: 50s;

}

E salve! Prontinho!

Apesar de vocês não puderem copiar... Anote em um caderninho.... copie no "Bloco de Notas" ou Word e depois Cole! É melhor!

Kisses!