quarta-feira, 27 de junho de 2012

Como personalizar a data de postagem


Oiii hoje vou ensinar como personalizar a data da postagem para quem não sabe óbvio... Bom agora vamos ao que interessa:
1° Clique em configurações > Formatação > Formato da data e coloque a data assim:

Depois salve e clique em ''Design'' > ''Editar HTML'' > e procure por esse código:

.main-inner h2.date-header {
  font: $(date.font);
  color: $(date.text.color);
}
Apague tudo, e coloque esse código:

.main-inner h2.date-header {
font: georgia; 
color: #333; 
margin-right: -100px; 
background: #FFB6C1;
float: right; 
font-size: 11px; 
padding: 4px; 
}
.main-inner h2.date-header:hover {
background: #DB7093;
}
Se o seu quadro de postagem for á direita não precisara mudar o "float: right;" e o "margin-right: -100px;" Se não for mude o ''right'' por ''left''. Agora o que significa cada código?:
De acordo com o Blog ''Places Fame'' os códigos significam:

''font: georgia; É a fonte da data.
color: #333; É a cor da data.
margin-right: -100px; Este código é a margem externa da data, ou seja, ela ira dar o espaçamento necessário entre o quadro da postagem e o quadro da data. Quanto menor o número mais perto fica, quanto maior mais longe.
background: #FFB6C1; Cor do fundo do quadro.
float: right; Alinhamento do quadro da data.
font-size: 11px; Tamanho da fonte da data.
padding: 4px; Margem interna do quadro, ou seja, espaçamento de dentro da caixinha.''


Então é isso ai, espero ter ajudado!


Nenhum comentário:

Postar um comentário

Layout Free Cutest por Adália Sá - Todos os direitos reservados - Hospedado por Blogger