Personalizando a data


Boa tarde irônicos tudo bem com vocês ?
Estava eu passeando no The Lovers quando vi um tutorial super fácil e muito bonito, e querem saber mais ? O tutorial foi  feito pela dona do The Lovers (não sei o nome, rs).
Vamos fazer o tutorial ?


Primeira coisa a fazer é deixar a data desse jeito:

Feito isso, vá em seu html e procure por:
.main-inner h2.date-header {
Encontrou ? Cole o condigo seguinte DEPOIS do que você achou: 

/* Data da postagem personalizada por The Lovers */
font:Arial;
color: #000000; /* Cor da Fonte */
margin-left: -60px; /*Distância, caso não encoste diminue o número até dar*/
background: #E6E6FA; /* Cor de fundo */
float: left;
font-size: 11px; /* Tamanho da fonte */
padding: 4px;
border-radius:0 0 10px 10px;
}
/* Fim da data personalizada por The Lovers */
 Se preferir a data do lado lado direito troque left por right, ta ? Agora personalize tudo o que está em negrito, e para mudar as cores é só usar essa tabela aqui

RESULTADO:


Beijoooooos :* 







Um comentário:

Muito obrigado por comentar. Volte sempre!