11/08/2012

Tutorial: 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.

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

 <--#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#-->

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

<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

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram