11/08/2012

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.

4 comentários:

  1. eu não sei qual é esse feito , se já vi não lembro flor da uma passadinha lá no BP tem post novo esperando para saber sua opnião acesse-- Blog da Pepi

    ResponderExcluir
  2. Que legaaal *-* vou testar! Já estou seguindo claro
    eu AMEI seu blog, muito kawai *-*
    Sempre vou visitar auqi
    http://lacodecabelo.blogspot.com.br/

    ResponderExcluir
  3. Irei fazer uma amostra dentro da postagem, assim fica facil de saber!
    Claro vou sim.

    ResponderExcluir
  4. Yoo,Grazi torres obrigada fico feliz que tenha gostado *-*

    ResponderExcluir

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345