setembro 11, 2011

Tutorial - Efeito Shadow nos titulos das postagens

Oi bichinhos da goiaba, hoje vou mostrar como colocar o efeito shadow nos titulos das postagens,
aquela sombra sabe? assim como no exemplo; E para colocar o efeito no titulo daa postagens,vá em
Editar HTML > Ctrl + F > e procure por >  /* Posts > logo abaixo deverá aparecer assim (ou algo parecido) >
/* Posts
----------------------------------------------- */
h3.post-title {
}

dentro das chaves coloque: text-shadow: 3px 3px 2px #DDDDDD;  e visualize, agora vamos ver o que é cada elemento, em negrito é o nome do efeito, nos valores 3px é a distancia da sombra do texto, para direita (largura), para baixo (altura), se quiser inverter as direções mude para sinais negativos exemplo: -3px .. etc, agora o terceiro valor 2px em rosa é o Blur, é como um desfoque da sombra, e em roxo é a cor da sombra.
Devendo ficar assim: 
/* Posts
----------------------------------------------- */
h3.post-title {
text-shadow: 3px 3px 2px #DDDDDD; 
}

Lembrando, você pode alterar os valores da sombra, a cor, o blur, e também pode aplicar esse efeitos em outras partes do blog, como no texto de toda a pagina, nos titulos dos gadgets, bisous mes amis<3

Poderosos: nhaac


5 comentários:

  1. Nossa amei o tutorial ;)
    já tinha visto um um mais tava muito
    mal explicado ;x , mais vc explica direitinho :)
    bjos ;*

    http://jessicadicasdemoda.blogspot.com/

    ResponderExcluir
  2. Adorei o post, fica super legal no título da postagem.
    Novo post no Charm of Pink, comenta?
    bjs
    charmofpink.blogspot.com

    ResponderExcluir
  3. Own ficou lindo amei! Vou tentar colocar no blog, ótima dica ;3

    Beijinhos,
    bonequinhadeluxo10.blogspot.com

    ResponderExcluir
  4. Adorei a dica estou modificando meu blog e estou seguindo seus tutoriais adoro aqui!!
    Beijinhos!!

    ResponderExcluir
  5. Olha, muiiitas pessoas já devem ter dito isso, mas muito obrigada MESMO por todos os tutoriais, são muito bem explicados e bem preparados, os códigos e tal, funcionaram direitinho.

    Obg, bjs

    ResponderExcluir