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!!!