Efeito opacidade nas imagens

Foto: [favim.com]

Hoje vou ensinar esse tutorial muito simples e que vai deixar seu blog um charme. Pode ser bem aproveitado nos gadgets ou para criar seu menu de afiliados. O código é o madlyluv.com, mas o tutorial é do Cherry Bomb! Vejamos lá então:

Design > Editar HTML

Procure por (Ctrl + F): ]]></b:skin>

Cole ANTES dessa tag, esse código:

/****** 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;}

Certo? Tudo pronto? Salve. Agora, toda vez que quiser o efeito na sua imagem, no código da imagem você adiciona: class="opacidade". Ficando assim:

<img src="URL_DA_SUA_IMAGEM" class="opacidade">

Gostou? Deixa seu comentário ou pede algum tutorial aqui!