06 dezembro 2012

personalizando o titulo das postagens!!

Olá meninas bom hoje irei ensinar um tutorial muito facil e simples só precisa de atenção para poder entender direitinho o que eu vou escrever ta bom?,esse tutorial eu peguei do blog da jackie os devidos  créditos a ela ,vamos lá?
          bom o título tem 3 momentos que no caso são esses ai:

- O momento que está na página inicial 
- O momento em que se passa o cursor em cima do titulo 
- E por fim o momento em que você já clicou no título e está na página que mostra somente o post.

é super simples e não vai demorar
O código de personalização é esse:
1° Você irá copiar todo esse código 
text-align:center;/*deixa o título dos posts centralizado. Se você não quiser centralizá-los, apague essa linha.*/ 
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*/
 2° Agora vá no seu HTML e procure por: h3.post-title a {
(Esse código se refere ao momento em que título do post está na página inicial). Agora cole o código de personalização ANTES dessa chavinha:
imagem do blog da jackie

3° Agora faça o mesmo com os outros 2 códigos:
h3.post-title a:hover {
(Este código refere-se ao momento em que se passa o cursor em cima do titulo).

h3.post-title {
(Este código refere-se ao momento quando o leitor já clicou no link da postagem e está na página onde aparece somente o post que ele está lendo).

Visualize. Se estiver tudo OK salve!
para aprender a personalizar (clique aqui)