terça-feira, 23 de abril de 2013

Formas de personalizar o título do post


Tumblr_lwof8bxbpu1qcmy8fo1_500_large

Hoje eu trouxe um tutorial bem fácil e que pode deixar seu blog mais bonito.
Eu sei que você já devem saber personalizar o título das postagens.

Mas hoje vai ser um pouco diferente, vou ensinar três modos de personalizar, usando o mesmo código.

1º - Título do post normal, quando está na página inicial do blog.
2º - Título do post em estado houver, quando o mouse está sobre ele.
3º - Título do post depois que você clicou e já está na página em que lê o post.

O código geral de personalização é esse:
font-family: MamaeQueNosFaz; /* fonte do título */
font-size: 32px ; /* tamanho da fonte */
color: #FF82AB; /* cor do título*/
border-bottom: 1px dashed#8B5742; /* cor, tamanho e tipo de borda */
Agora vamos em parte. Cada número refere às formas citadas acima.

1º -  Título do post normal, quando está na página inicial do blog.

Procure por h3.post-title a { cole o código depois dele e personalize do seu jeito.


2º - Título do post em estado houver, quando o mouse está sobre ele.

Procure por h3.post-title a:hover { cole logo após o mesmo código e personalize do seu jeito. Lembrando que a cor deve ser diferente.


3º - Título do post depois que você clicou e já está na página em que lê o post.

Esse terceiro modo pra mim é o mais interessante, porque vejo que muitos blogs ainda são usam. Sabe quando a gente abre o post e o título volta para a fonte normal, não fica com a fonte que você escolheu? Então, vamos aprender a deixar a mesma fonte em tudo.
Procure por h3.post-title { e cole o mesmo código. A personalização dele pode ficar como o primeiro.

Viu como é fácil? Indico a todos fazerem o item 3.

Beijos!!!

Nenhum comentário:

Postar um comentário