domingo, 15 de junho de 2014

Tutorial: Como personalizar o título do post #2

Greece

Oii! Desta vez estou trazendo outra maneira de personalizar o título do post que descobri, achei essa maneira bem melhor :) e ela consiste em você usar a fonte do próprio blogger, ok? Caso você queira usar uma outra fonte, é só você mudar o nome da fonte para a que você já tiver adicionado no seu HTML. Algumas pessoas estão pensando agora "como assim? como eu adiciono uma fonte qualquer no meu HTML?" esse é um assunto que quero tratar mais tarde, mas muita gente sabe como fazer, então elas sabem do que estou falando, mas se você não sabe, terá que usar as fonte do próprio blogger mesmo. Mas chega de conversa, vamos ao tuto!



1) Procure por: h3.post-title {

2) Você encontrará:
/* Posts
----------------------------------------------- */
h3.post-title {
  margin-top: 20px;
}
3) Agora vamos editar! :) Todos os código que falarei agora você precisa colocar abaixo do h3.post-title {

3.1) Caso queira adicionar uma linha embaixo do título adicione:
border-bottom: 1px dashed #ff5964;
Lembrando que pode ser: dashed, dotted ou solid. 

3.2) Caso queira alinhar o seu título coloque:
text-align: center;
Lembrando que pode ser: center, left ou right.

3.3) Caso queira colocar um sombreado coloque:
text-shadow: 1px 2px 3px #CORDOSOMBREADO;
3.4) Caso queira mudar a fonte do seu título:
font-family: NOMEDAFONTE;
color: #CÓDIGODACOR;
MAS ESSE PASSO SÓ SERVE PARA AQUELES QUE JÁ ADICIONARAM UMA FONTE DIFERENTE DAS QUE TEM NO BLOGGER NO HTML.

3.5) Caso queira que a cor do título troque para outra coloque abaixo do: h3.post-title a:hover {
color: #CORDOHOVER(DA OUTRA COR QUE IRÁ APARECER);
3.6) Caso queira que aja um tempo entre a mudança da cor principal para o hover coloque em baixo de: h3.post-title a { E h3.post-title a:hover { o seguinte:
-webkit-transition-duration: .70s;
transition-duration: .70s;
Espero que tenham gostado! :) Caso queira reblogar para o seu blog, por favor, não se esqueça dos créditos com o nome do blog e o link! Abçs!

Nenhum comentário:

Postar um comentário