Personalizando o Título do Post


 Oi pessoalzinho, hoje já é dia 18, mais um para chegar para o eJhonas completar 7 Meses.. provavelmente eu não faça um Layout Free, porque já ficou chato sempre fazer isso mas enfim, estou tendo uma noção no que devo fazer agora, já que no 8 Mês do eJhonas já esta tudo decido do que farei.. Agora saindo desse assunto, vamos falar um pouquinho sobre o post. de hoje, não falarei somente de como mudar a forma do título do post. e sim, explicarei tudinho nos mínimos detalhes..
Primeiramente vá no Blogger  Designer  Editar HTML  Expandir Modelo de Widgets  Ctrl + F (Procure por:)
/* Posts
Você encontrará este código:
h3.post-title {
  margin-top: 20px;
}
h3.post-title a {
  font: $(post.title.font);
  color: $(post.title.text.color);
}
h3.post-title a:hover {
  text-decoration: underline;
Modificando e entendendo um pouquinho mais:
  margin-top: 20px; Caso você queira que fique mais para cima ou para baixo o título da postagem fique basta aumentar ou abaixar o valor em negrito.
 font: $(post.title.font); Caso não queira mudar a fonte do blog, basta trocar por "Font-family: Nome da Fonte;".
  color: $(post.title.text.color); A Cor da fonte do título da postagem.
  text-decoration: underline; A Parte em negrito indica que o hover do título da postagem está em sublinhado, caso queira que fica em negrito ou itálico, basta colocar "none / italic".
Acrescentando e entendendo um pouquinho mais:
h3.post-title {  Logo abaixo deste código você poderá acrescentar estes códigos:
 text-align: center; A área em negrito indica a posição, você poderá modificar por direita ou esquerda "left / right".
background: #000; Este código você poderá colocar para mudar o fundo do título, caso não queira mudar, basta não acrescentar.
border-bottom: 1px solid #000; Aqui aparecerá uma barrinha abaixo do título, todas as áreas em negrito desse código são editáveis.
font-size: 12px; Quando você estiver na página de uma postagem, provavelmente aparecerá um tamanho diferente do normal, caso você queira ajustar isso, basta colocar esse código com o tamanho que você queira que permaneça.
color: #000; Ao normal, quando você seleciona uma postagem, o título dela, fica pequeno e de cor escura, caso queira que fique da cor em que fica na página inicial, basta colocar este código e modificar o código que está em negrito para a cor desejada.
h3.post-title a { Caso você queira que tenha um efeito a mais no hover, você poderá acrescentar abaixo deste tag este código "-webkit-transition-duration: .80s;"
h3.post-title a:hover { Para completar o hover que foi feito na tag que se encontra acima, você poderá acrescentar novamente este código "-webkit-transition-duration: .80s;".
color: #000; Com esse código você poderá mudar de cor no hover, quando o mouse passar em cima do título, aparecerá outra cor, caso queira.
  Espero que eu tenha ajudado vocês pessoal, tentei explicar tudinho aos mínimos detalhes, esses códigos são simples, sempre uso eles, nos meus designer's, ahh, esqueci de falar, as minhas postagens agora tentarei fazer todas programadas, caso dê problemas quando eu for publicar, rs, os 400 Seguidores estão chegando, muito contente >D

18 comentários

Postar um comentário

© eJhonas - 2012. Todos os direitos reservados.
Design Jhonas Balsas.
Tecnologia do Blogger.
imagem-logo