Efeito arredondado nas parcerias Postado por Matheus Pereira 15 de nov. de 2012

Eae gente boa aqui é o Matheus Pereira e venho trazer este novo tutorial  confiram: Efeito Aredondado e com shadow nos banners das parcerias

Primeiro vá em Modelo >> Editar HTML >> Click Ctrl+f  >> e procure por:

]]></b:skin>

E acima dessa Tag cole o seguinte Código CSS:

/* Parceiros WS--------------------------------- */
#parceirosws img{opacity: .3;
filter:alpha(opacity=30);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
border: 1x #fff;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:#fff;
}
#parceirosws img:hover{opacity:5.0;
filter:alpha(opacity=500);
-moz-opacity: 5.0;
-khtml-opacity: 5.0;
box-shadow: 1px 1px 1px 1px #000;
-moz-box-shadow: 1px 1px 1px 1px #000;
-webkit-box-shadow: 1px 1px 1px 1px #000;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
-o-transition: all 0.7s linear;
transition: all 0.7s linear;
}

Para usar o efeito, use isso:

<div id="parceirosws">
Cole os Códigos Parceiros Aqui!
</div>

Bom é só isso um tutorial rapido e bem legal para vocês até mais.
Aew Comentem em eu quero ver a opinião de vocês sobre o tuturial.