Efeito Opacidade + "Levantamento"

Yooh galerinha viciado em designer. Estou novamente trazendo mais um TUTO... Dessa vez é em relação a parceiros, um efeito bem legal; E vamos ao trabalho =D.

Vá em editar HTML e der CTRL+F, e procure por está parte:

]]></b:skin>

E cole todo o código abaixo em cima de ]]></b:skin>
(vou da uma improvisada aqui)

<--#COMEÇO-->.parceiros1 img{opacity: .3;
-webkit-box-shadow: 0px 0px 0px #37add0;
-moz-box-shadow: 0px 0px 0px #37add0;
-o-box-shadow: 0px 0px 0px #37add0;
filter:alpha(opacity=30);
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
position: relative;
border: 0px solid #37add0;
top: 0px;
-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-o-transition: all 0.15s linear;
transition: all 0.15s linear;
}

.parceiros1 img:hover{opacity:5.0;
-webkit-box-shadow: 3px 3px 5px #37add0;
-moz-box-shadow: 3px 3px 5px #37add0;
-o-box-shadow: 3px 3px 5px #37add0;
filter:alpha(opacity=30);
-moz-opacity: 5.0;
-khtml-opacity: 5.0;
position: relative;
top: -5px;
border: 0px solid #37add0;
-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-o-transition: all 0.15s linear;
transition: all 0.15s linear;
}<--#Fim do Código#-->

Depois de ter salvo seu modelo de template... Vá em elementos de página e adicionar um gadget, e cole o seguinte código, alterando as informações ( obvia ) que estará em vermelho..

<center>

<div class="parceiros1"><a href="LINK DO SITE"><img src="LINK DA IMAGEM" border="0" /></a></div>

</center>

Caso, o código não funcione no template de vocês, postem um comentário sobre o problema e tals... Bls ?? Vls galera... Pedido foi atendido, agora é curtição!

Comentem... Erro no código ou outro BAGULHO ?? Só deixar seu comentário comunicando.. Vls/ FUIZ!!!

Previa: