segunda-feira, 16 de junho de 2014

Tutorial - 3 formas de personalizar o título do post


Hello People! Tudo bom? Hoje eu trouxe um tutorial bem fácil e que pode deixar seu blog mais bonito, vou ensinar três modos de personaliza 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.



Nenhum comentário:

Postar um comentário


Layout: Bia Rodrigues | Tecnologia do Blogger | All Rights Reserved ©