02/01/2013

Tutorial: Efeito Dark Shine

||

Boa noite minna-san, trago um efeito que achei no blog Garota Estranha, ele se chama Dark Shine eu achei ele bem maneiro para gadget de postadores. Sei lá amo umas coisas que tenham sombrinhas e meio darks, rsrs  E ai gostou? Se gostou clica ai e vamos ao tutorial!

Para aplicar esse modelo, vá em seu HTML e usando o atalho Ctrl+F procure por ]]></b:skin  acho? Então acima dele adicione esse código:

    /-- Efeito Dark Shine por Alan www.wehearthtml.blogspot.com --/
    caixa1 {
    background: transparent;
    padding: 10px; float: left;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    }
    .imagem1 {
    margin: 3px;
    border: 1px solid #BCAD90;
    -webkit-transition-duration: .50s;
    }
    .imagem1:hover {
    -webkit-transition-duration: .50s;
    box-shadow: 0px 0px 30px #686051;
    }

Você não precisa modificar nada, apenas onde esta em negrito que é a cor das bordas. Então salve!
Depois de salvo, vá ate Layout e adicione um gadget/JavaScript e cole esse código:

   <caixa1><a href="LINK"><img src="IMAGEM" class="imagem1"/></a></caixa>

Agora é só colocar o link e o endereço da imagem nos lugares indicados em negrito

2 comentários:

  1. Adoreiii, essa sombra q tem atras quando passa o mouse, é muito divo, ameii!!
    Beijokass
    Fer --> retardadasdanet.blogspot.com

    ResponderExcluir
    Respostas
    1. Oie Fer, que bom que gostou ^^
      Bejinhos

      Excluir

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