Efeito banner levantando

Mais uma dica fresquinha para vocês!!!! Bom isso e muito usado em sites de download de anime, banner's que quando você passa o mouse por cima aparece uma sombra e ele levanta.

1. Vá em seu HTML e procure por ]]></b:skin>, após fazer isso adicione o seguinte código em acima

Códigos

 <--#COMEÇO-->
.parceiros1 img{opacity: .3;
-webkit-box-shadow: 0px 0px 0px #1E90FF;
-moz-box-shadow: 0px 0px 0px #1E90FF;
-o-box-shadow: 0px 0px 0px #1E90FF;
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 #40E0D0;
-moz-box-shadow: 3px 3px 5px #40E0D0;
-o-box-shadow: 3px 3px 5px #40E0D0;
filter:alpha(opacity=30);
-moz-opacity: 5.0;
-khtml-opacity: 5.0;
position: relative;
top: -5px;
border: 0px solid #40E0D0;
-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#-->

2. Depois de fazer isso, abra um gadget HTML/JavaScript e cole dentro o seguinte código

Códigos

<center> <div class="parceiros1"><a href="URL DO SITE">
<img src="URL DE IMAGEM" border="0" /></a></div></center>

Arrume o banner dos parceiros, personalize as cores da cor que você desejar.