Tutorial - Sombra no Título da Postagem

Yoo Pandas o/
Boa noite, como vão? Eu vou bem, e não, não fiquei sem net, é que eu estou fazendo uma encomenda de layout, criando uma história e estudando pra caramba. Também estou dando uma reforminha básica no blog como vocês já perceberam. Estou agora reformando os afiliados, então se você não estiver por aqui, peço que tenha um pouquinho de paciencia, estou meio apurada. Vamos ao assunto... hoje eu trouxe para vocês um tutorial de nível super fácil, de como colocar sombra no título dos posts, veja aqui uma breve preview, o preview só para avisar está no título do post rsrs'. Let's Go!


Vá em Modelo → Editar HTML → Ctrl f e procure por:
h3.post-title a {
Você vai achar algo assim:
h3.post-title a {
  font: $(post.title.font);
  color: $(post.title.text.color);
}

Antes da última coloque o seguinte código:
text-shadow: 0px 0px 9px #9370DB
Então ficará assim:
 h3.post-title a {
  font: $(post.title.font);
  color: $(post.title.text.color);
text-shadow: 0px 0px 9px #9370DB
}
Oque está sublinhado é a grossura da sua sombra quanto maior o número maior a sombra fica. Oque está em negrito é a cor da sombra.

BÔNUS:

Espero que tenham gostado do tutorial e que ele seja útil ^^ 

8 comentários:

  1. eu acho muito legal esse tipo de titulo com sombra.

    heart-attack-only.blogspot.com

    lost--time.blogspot.com <------ blog novo,aceita afiliação ou ser blog irmão?

    kisses!

    ResponderExcluir
  2. Muito útil o tutorial. Seguindo, retribui ?

    meus-pensamentos.com

    ResponderExcluir
  3. Acho super fofo a sombra no titulo, fica lindo >.<

    Purple Star

    ResponderExcluir

- Ler não mata, então leia o post antes de comentar
- Não serão aceitos comentários ofensivos.
- Não aceito tags nem selinhos.
- Aceito pedidos para seguir, se estiver seguindo o blog...
- Respondo todos os comentários.