Opacidade e bordas nos Banners

Bem pessoal esse efeito é bem legal quem conhece o site do j10,jah deve ter visto o efeito,recomendo pra quem quiser usar.

Procure por:

Código:

]]></b:skin>

Coloque antes dele:

Código:

#banner {
filter: alpha(opacity:0.2);
KHTMLOpacity: 0.2;
MozOpacity: 0.2;
-khtml-opacity:.20;
-ms-filter:"alpha(opacity=20)";
-moz-opacity:.20;
filter:alpha(opacity=20);
opacity:.20;
}
#banner:hover {
filter: alpha(opacity:1);
KHTMLOpacity: 1;
MozOpacity: 1;
-khtml-opacity:.1;
-ms-filter:"alpha(opacity=100)";
-moz-opacity:1;
filter:alpha(opacity=100);
opacity:1;
border:2px solid #516f9c;
}

Visualize se estiver tudo do ok, salve.

Observação:
Você pode editar o nível de opacidade dos banners,ou acrescentar por exemplo uma borda ao banner:hover como por exemplo:

Código:

border:2px solid #516f9c;

É só editar a espessura e a cor da borda;

Agora para por a opacidade nas imagens basta você adicionar o id nas imagens que você queira que tenha esta opacidade.

Código:

id="banner"

Exemplo:

Código:

<a href="URL DO SITE" target="_blank"><img id="banner" src="URL DA IMAGEM DO BANNER" border="0" /></a>

Cliquem no + se der,fuisss

Eu Coloquei bode: 1px #000;
E fico bem legal vlw man

Ficou mesmo FLW Mano

De nada cara,so querendo ajudar

Abraçoes!

muito bom mesmo