Opacidad en imagen

¿
Te gustaría colocarle efecto de opacidad en las imágenes? En Gem@ nos trae la solución, con el simple efecto Rollover nos ayudara a colocarle el efecto opacidad y consiste en agregar un estilo CSS en la plantilla.
Veamos el procedimiento:



Nos vamos a la Edición HTML y buscamos ]]></b:skin> y justo ante agregaremos lo siguiente:

a.linkopacity img {

filter:alpha(opacity=50);

-moz-opacity: 0.5;

opacity: 0.5;

-khtml-opacity: 0.5;}



a.linkopacity:hover img {

filter:alpha(opacity=100);

-moz-opacity: 1.0;

opacity: 1.0;

-khtml-opacity: 1.0; }

Se guardan los cambios y cada vez que se quiere aplicar el efecto a una imagen, haremos lo siguiente:

<a class="linkopacity" href="url-de-la-pagina" title="texto a mostrar" ><img src="url-de-la-imagen" border="0" style="border:1px solid black;" width="32" height="32" alt="Texto a mostrar"></a>

Resultado:



Pero yo le agregaría que si no quieres colocarle bordes y modificar su tamaño, solo tenemos que agregar esto <a class="linkopacity"></a> y quedaría así:

<a class="linkopacity"><img src="url-de-la-imagen"></a>

Resultado: