Oi hoje vou ensinar
como personalizar a data da postagem.
1° Clique em
configurações > Idioma e Formatação > Formato da data e coloque a data
assim:
Depois salve e clique
em Modelo > Editar HTML > Ctrl+F ou F3 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?:
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.''
Créditos: Sweet Girl
