Oooi, gente!Tudo bem com vocês?Hoje trago um tutorial muito fácil, de como personalizar a data do post.Quero agradecer á vocês pelos comentários fofos, amo vocês, viu ? ♥
Bom, voltando ao post, a sua data irá ficar assim depois de personalizada:
Linda, não?Quer saber como fazer pra deixar ela assim?Leia Mais!
.main-inner h2.date-header {
Caso ainda não tenha mexido nessa parte, vai tá mais ou menos assim:
.main-inner h2.date-header {
font: $(date.font);
color: $(date.text.color);
}
Você apaga, e no lugar, cola esse código:
.main-inner h2.date-header {
font: Verdana;
color: #fff;
background: #EDEC61 ;
border: 1px dashed #000;
text-align: center;
height:19px;
float: right;
}
O que está em verde, é a sua fonte.Em vermelho, a cor da fonte.Em azul, o fundo da data.Nesse outro verde, é a borda, o estilo dela e a cor dela.De rosa, é o alinhamento do seu texto, deixe como está.O resto não é necessário mudar, apenas o de amarelo, caso queira sua data na esquerda,mude "right" para "left".
Fácil, não?Qualquer dúvida é só perguntar :B
Se usar, credite.
Oii flor!
ResponderExcluirAdorei o tuto :d
Bjs
justgloss.blogspot.com
Esse tutorial é muito bom,uso a imagem personalizada com fundo,amei o blog estou seguindo já !
ResponderExcluirhttp://o-mundo-de-bruna.blogspot.com.br/