Personalizando o Titulo das Postagens.

16 de jan de 2013



Sobre o tutorial de hoje se trata de algo muito simples. Certamente você já viu em algum blog ou até mesmo no seu, o titulo da postagem super personalizada e quando você clica no post em questão fica totalmente diferente e sem personalização alguma, certo? Isso acontece porque provavelmente você ainda não sabe que o titulo da postagem tem 3 momentos:

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

E pra cada um desses ''momentos'' existe um código especifico pra você personalizar. Gente eu juro que não é difícil, segue essa linha de raciocínio que vai dar tudo certo.

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*/ 
 font-size: 26px; /*Tamanho da 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*/
Pra facilitar eu coloquei a explicação do lado de cada código. A fonte eu vou ensinar a mudar logo no final desse post. 

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:
 

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!
E Personalize a Fonte


0 comentários :

Postar um comentário

Seu Comentários é sempre bem vindo!
Comente,opine,se expresse! Este espaço é seu!
Comentar faz parte,então por favor deixem comentários

-Todos os comentários são moderados e só ficarão disponíveis ao serem aprovados
-A área de comentários não é casa da mãe Joana,então tenha respeito.Não use palavrões,nem insultos,ofensas,agressões e baixarias;
-Não serão aceitos comentários Anônimos,comentários repetidos,e que tenham qualquer material publicitários ou de merchandising pessoal ou de benefício de terceiros
-Contatos pessoais devem ser feitos na pagina de contato.
-Não deixe links desnecessários os comentários

AVISOS:

--Blog não é Chat,respeitadas as regras ,é livre o debate dos assuntos aqui postados,Que o espaço de comentários não sirva para bate papo sobre assuntos de caráter pessoal ou estranhos ao blog
--A tentativa de clonar nomes e apelidos de outros usuários para emitir opiniões em nome de terceiros configura crime de falsidade ideológica.

Espero que tenham gostado do blog e que volte sempre!