segunda-feira, 9 de fevereiro de 2015

Tutorial: Como Sombrear o título dos posts no Blog!

Olá,
Como vão eu vou bem e vcs? Então vamos ao post! Esse é um Tutorial bem básico mas deixa seu Blog mais bonito! Ele é bastante usado em alguns blogs! Então vamos ao Tutorial? Então vamos!

O código usado para o efeito é esse:
text-shadow: 1px 2px 3px #6a6a6a;
As partes em rosa e azul são equivalentes á distância do sombreado em relação ao texto. A parte em amarelo é o tamanho do esfumaçado da sombra. E o código em verde é a cor da sombra.
Você pode ir alterando esses valores para obter diferentes efeitos de sombra. Para aplicar esse efeito no titulo dos posts, siga os passos abaixo:
• - • Abra o blogger, clique em design > Editar HTML
• - • Aperte Ctrl+F e procure por:  post-title
• - • Você deverá achar um código parcecido com esse daqui:
h3.post-title, h4 {
  font: $(post.title.font);
  color: $(post.title.text.color);

}
4 – cole embaixo da linha:

#h3.post-title, h4 {

O código da sombra que  coloquei no começo do post. Seu código deve ficar assim:
h3.post-title, h4 {
  font: $(post.title.font);
  color: $(post.title.text.color);
text-shadow: 1px 2px 3px #6a6a6a;
}
5 – Você deve Visualizar para ver se gostou se gostar Salve^^ . Você irá conseguir um efeito parecido com esses abaixo:
image***Você pode alterar os valores e a cor da sombra para conseguir outros efeitos:***
image image
Bom foi isso espero ter ajudado! Beijinhos •3•

CRÉDITOS TOTAIS AO: Cherry Bomb! ^^

Nenhum comentário:

Postar um comentário