12 de outubro de 2012

Tutorial - Efeito Dark Shine

                         

 Oi gente ._. Ainda tou ruim pela escolha da Deby. Se for assim, esse vai ser a ultima postagem que irei querer fazer. Por isso trouxe uma coisa Muito legal, antes do blog ser fechado.. Créditos do tutorial :

 Eu me apaixonei completamente por esse efeito. Visualize ele aqui, bom, esse da visualização é do blog que peguei o tutorial {Avá} , é um blog DIVO. Agora, vamos ver como se faz:

   - Vá em design, Editar HTML e procure por ]]>< , após achar, cole o código abaixo, acima de ]]><:

/-- 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ês só iram mudar o que está em ROXO. 
  - Pronto, personalizamos! Agora vamos por ele no blog.
  - Vá em layout, adicionar um gadget, e adicione o HTML/JavaScript.
  - Após adiciona-lo, coloque esse código:

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


  - Pronto, agora mude onde está em roxo.. Visualize e vê se está tudo certo!
  - Bom, eu estava fazendo mais um Layout Free, nas cores rosa e azul. Mas como o blog irá fechar, de acordo com a Deby, essa foi decidida minha ultima postagem. Espero que tenham gostado, e tchau. (L

2 comentários:

  1. adorei o tutorial
    perai como assim vai fechar, mas somente para reformas ne??

    visita se quiser blognew-girl.blogspot.com/

    ResponderExcluir

Comente a vontade, desde que saiba respeitar ;)
Ah, e não é necessário fazer uma conta para comentar, basta colocar como anônimo.

Emoticons:

♥❤∞ ☆ ★ ✖ 。◕‿◕。® ™ ☏✿゚✤
(◕‿◕✿) 。◕‿◕。 ⊱✿◕‿◕✿⊰(◡‿◡✿)(◕〝◕)◑▂◐ ◑0◐ ◑︿◐ ◑ω◐ ◑﹏◐ ◑△◐ ◑▽◐
●▂● ●0● ●︿● ●ω● ●﹏● ●△● ●▽●
⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙﹏⊙ ⊙△⊙
≡(▔﹏▔)≡ ( ͡° ͜ʖ ͡°)