28 de dez. de 2012

Personalizando o título dos posts


Oi pessoal! Sabe quando você personaliza os títulos da postagem, faz aquela coisa super linda e quando clica no post some tudo? Então, hoje vou ensinar a personalizar o título dos posts, existem três momentos "personalizáveis", o título normal, o título quando passa o mouse e o título quando clica. Vamos personalizar?


Copie o seguinte código:

text-align:center;/*deixa o título dos posts centralizado.*/
font: $(post.title.font); /*Se refere a fonte*/
color: #FF1493;/*Se refere a cor da fonte*/
border-bottom: 2px dashed #FF1493;/*Se refere a borda pontilhada abaixo do titulo. Se não quiser apague essa linha*/
background: #fff;/*Nesse trecho você pode colocar uma cor de fundo*/

Vá no seu HTML e procure por:

h3.post-title a { 
* título do post na página inicial

Cole o código antes da chavinha de fechamento { Faça isso com os códigos a seguir:

h3.post-title a:hover {
*título do post quando passa o mouse

h3.post-title {
*título do post quando o leitor clicou no link

Você pode também personalizar a fonte e até mesmo colocar uma imagem.

Créditos: Jackie Dream

3 comentários:

Seja educado, não use palavras ofensivas ou de baixo calão;
Comente algo relacionado ao post, para outros assuntos use a ask;
Obrigada e volte sempre!