• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

7 de fevereiro de 2013

Efeito Leaving


Olá Chocolates Orelhudos!

Desculpe eu não ter postado há um maior tempão, mas minhas aulas já começaram
e está sendo muito difícil. Principalmente porque agora tem um teste por semana
e tem vários professores, e isso dificulta mais um pouco. Espero que me perdoem!

Ah, amei o layout novo! Achei muito perfeito! Maravilhoso! Agora
eu vou mostrar um efeito muito legal nas imagens. Vamos conferir? Continue lendo!

Preview | Créditos

E então, gostaram? Eu acho bem fofo e bem legal. É melhor para efeito na sidebar, mas acho que fica nos posts também, como podemos ver no exemplo.
Vamos começar com o tutorial logo. Depois eu vou meter a cara no meu livro.

1. Abra seu HTML. Procure por (F3): ]]></b:skin>
2. Após achar essa tag, cole o código abaixo, logo acima dela.
.sombra {margin-bottom: 3px; margin-right: 1px; border-radius: 0px; transition-duration: 40s; -webkit-transition-duration: .40s;
}
.sombra:hover {box-shadow: 9px 10px 10px #b0b0b0;
 margin-left: -10px; margin-right: 11px; margin-bottom: 16px; margin-top: -13px;
}
3. Não precisa editar nada.
4. Agora vá no seu Layout e cole em um HTML/Java Script:

<img src="LINK DA FOTO" width="100"  class="sombra"><img src="LINK DA FOTO" width="100"  class="sombra"><img src="LINK DA FOTO" width="100"  class="sombra">

5. Edite o que está em negrito. Você pode escolher colocar isso na postagem,
o que é só clicar na opção HTML dela, ou em um gadget, da forma que já expliquei.

Então pessoa, espero que tenham gostado do tutorial! Beijoss!

12 comentários:

  1. O efeito é lindo e simples , tudo de bom.

    Kisses ♥.

    http://meucupcakedemorango.blogspot.com.br/

    ResponderExcluir
  2. Oii flor, vim aqui avisar que você foi uma das ganhadoras
    de uma semana mais os prêmios do game, por favor
    entre em contato comigo pelo link de contato no blog
    para mim te enviar seus devidos prêmios!!
    Parabéns sua linda >.<

    http://docemundokawaii.blogspot.com.br/2013/02/ganhadoras-do-game.html

    ResponderExcluir
  3. Que legal esse efeito c:
    Adoreii
    Bjs
    Fique com Deus
    Daily-whin.blogspot.com

    ResponderExcluir
  4. Adorei o tutorial,muito lindo o efeito^^

    Beijos
    Amora Ruffles

    ResponderExcluir
  5. O efeito é muito legal e eu amei o seu blog! O layout é lindo!

    ResponderExcluir
  6. Lindo o efeito!!! No próximo layout acho que vou usar!
    Segue se gostar?
    garotadabolsa.blogspot.com

    ResponderExcluir