Efeito opacidade as Imagens

Oiie princesses and princes, o tutorial de hoje vai ser de como colocar Efeito opacidade nas imagens, o tutorial é bem simples e o resultado é ótimo, então vamos lá !


 Vá em design -> Editar HTML
 Aperte Ctrl + F ou F3 e procure por
 ]]></b:skin>


 Cole o seguinte código antes da tag procurada

/****** opacidade - MADLYLUV.COM ******/
.opacidade
{filter:alpha(opacity=82);
-moz-opacity:0.82;
opacity:0.82;}

.opacidade:hover
{filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;}

 Quando quiser deixar uma imagem com esse efeito, é só acrescentar class="opacidade" no código na imagem, vai ficar assim:
<img src="http://i55.tinypic.com/t7nxuf.jpg" class="opacidade"/>


Beijinhos pessoal !
E até o próximo tutorial