domingo, 15 de junho de 2014

Tutorial: Como por sombra no título do post

:3 ♥ | via Tumblr

Olá pessoal! Neste tutorial irei ensinar como por a sombra no título do post (repetindo o que o título falou x_x), mas o meu modelo base de layout é o simples, não o travel :3, mas ensinarei nos dois modelos, tanto no travel quanto no simples, beleza? Então não se preocupe :D. Vamos lá!



Modelo Simples

1) Procure por: h3.post-title { você encontrará:

h3.post-title {
text-align: center;
  margin-top: 20px;
}
h3.post-title a {
  font: $(post.title.font);
  color: $(post.title.text.color);
}
 2) Abaixo da linha h3.post-title { cole o seguinte código:
text-shadow: 1px 2px 3px #6a6a6a;
3) Caso queira outra cor, é só mudar o código da cor, e os outros itens são para alterar a expessura do sombreado, mas recomendo deixar assim, pois fica fofo :).

Modelo Travel/Viagem

1) No modelo travel é basicamente a mesma coisa, mas ao invés de h3.post-title { você irá procurar por: h3.post-title, h4 {

2) Você encontrará isso:
h3.post-title, h4 {
font: $(post.title.font);
color: $(post.title.text.color);
}
3) Abaixo da linha do h3.post-title, h4 { cole o seguinte código:
text-shadow: 1px 2px 3px #6a6a6a;
 Pronto, agora você já sabe até como fazer no modelo simples :). Espero que tenham gostado!

Nenhum comentário:

Postar um comentário