26 de outubro de 2012

Personalizando sua data

    Tumblr_mcgwyhmg7g1qei95oo1_500_large


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!
Vá no seu HTML,dê um Ctrl+F e procure por:
.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.



3 comentários:

  1. Oii flor!
    Adorei o tuto :d

    Bjs
    justgloss.blogspot.com

    ResponderExcluir
  2. ótimo tutorial

    http://blogclubeteen.blogspot.com.br/

    ResponderExcluir
  3. Esse tutorial é muito bom,uso a imagem personalizada com fundo,amei o blog estou seguindo já !
    http://o-mundo-de-bruna.blogspot.com.br/

    ResponderExcluir

- Não estamos mais aceitando selinhos e tags.
- Não insista : se comentar "seguindo, segue de volta?", eu vou ignorar
- Sua opinião é importante para a equipe (: Dúvidas, sugestões ou reclamações?Comente!Críticas (construtivas) também são aceitas.