2 de jun de 2012

Colocando sombra "borrada" no titulo dos posts



 Imagem pega no:On the Fame

Olá meu fofos, como vocês já sabem esse blog vai ser dedicado a tutoriais e a utilitarios! E até pelo nome do blog já da para perceber isso por é Crazy in HTML (loucos por HTML). Enfim, hoje vim ensinar a vocês deixarem o titulo do post como esse:
http://3.bp.blogspot.com/-6foJ9xfwUxo/Tv496fuif5I/AAAAAAAAB28/-R05uynrjjA/s1600/shadow.png
Eai gostaram? Para ver o tutorial clique em Read More.


Primeiro vá em desing, editar HTML, e aperte CTRL+F (ou F3) e procure por:

 h3.post-title a {
Você vai achar algo parecido mais ou menos com isso:

 h3.post-title a {
  font: $(post.title.font);
  color: $(post.title.text.color);
}
Logo depois da chave }, você  colocar esse codigo:

 text-shadow: 0px 0px 5px #666666;
 O que está de verde é a quantidade de sombra, ou sejá quano mais você aumenta mais sombreado fica. E o que está de cinza é a cor da sombra!

12 comentários:

  1. Oi agradeço a sua visita, mas peço encarecidamente que quando comentar no meu blog por favor, leia o post e dê sua opinião leio todos os comentários e sei quando a pessoa leu e deu sua opinião, desde já agradeço.

    www.perfeitinhablog.com

    ResponderExcluir
  2. Você disse que estava me seguindo, mas não te achei entre meus seguidores =/
    bom, segue ele la, avisa que eu sigo de volta ok? bjs

    http://baby-idontcare.blogspot.com.br

    ResponderExcluir
  3. que bom que gostou !
    segue o blog lá pf luan !
    http://luan-crazyinhtml.blogspot.com

    ResponderExcluir
  4. olha aaee
    things-to-you@hotmail.com
    segue!

    ResponderExcluir
  5. Você pediu pra mim visitar, já to seguindo, aceita afiliação?
    http://paradise-bieber.blogspot.com.br/

    ResponderExcluir
  6. Adorei o tutorial, bem explicadinho. Já to seguindo o seu blog, e obrigada pela visitinha lá no Chassy Bomb!

    http://chassy-bomb.blogspot.com.br/

    ResponderExcluir
  7. Seu blog ja esta nos meus favoritos. amei muito .

    http://materiaisphotoscape-photofiltre.blogspot.com.br/

    ResponderExcluir
  8. Adorei o resultado, realmente muito lindo. Tutorial muito bem explicado também ^.^ Boa sorte com o blog & seguindo ;*

    http://www.kawaii-world.net/

    ResponderExcluir
  9. Eu acho muito fofo.
    Obrigado por ter seguido meu blog *-*
    Beijos.
    www.hooymundo.blogspot.com

    ResponderExcluir
  10. Luan,vou testar no meu blog hehemeu gostaria muito de publicar esse lay,mas com os devido créditos ok?BEIJOOS

    http://girlycute.blogspot.com.br/

    ResponderExcluir