Personalizar Parceiros (Opacidade)

1 de abr. de 2012

Olá pessoal, hoje aprenderemos como colocar vários tipos de opacidades nos banners de parceiros, espero que gostem...
Obs: Salve seu templante antes de qualquer alteração
Primeiro vai em MODELO, depois em EDITAR HTML
Depois ache a Tag:
]]></b:skin>
Acima dela você cole qualquer um dos códigos abaixo:
Opacidade Comum:
#parceiros img{opacity: .3;
filter:alpha(opacity=30);
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
background:#fff;
}
#parceiros img:hover{opacity:5.0;
filter:alpha(opacity=500);
-moz-opacity: 5.0;
-khtml-opacity: 5.0;
Opacidade Com Borda:
#parceiros img{opacity: .3;
filter:alpha(opacity=30);
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
background:#fff;
border: 1px solid #000000;
}
#parceiros img:hover{opacity:5.0;
filter:alpha(opacity=500);
-moz-opacity: 5.0;
-khtml-opacity: 5.0;
border: 1px; solid #990000;
Opacidade com Sombra:
#parceiros img{opacity: .3;
filter:alpha(opacity=30);
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
background:#fff;
}
#parceiros img:hover{opacity:5.0;
filter:alpha(opacity=500);
-moz-opacity: 5.0;
-khtml-opacity: 5.0;
box-shadow:0px 0px 8px 0px #000;
-moz-box-shadow:0px 0px 8px 0px #000;
-webkit-box-shadow:0px 0px 8px 0px #000;
A Div para os efeitos é essa:
<div id="parceiros">
Cole os Códigos de Banners Logo Aqui
</div>

0 comentários:

Postar um comentário