• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

14 de dezembro de 2012

Personalizando A Data Dos Posts

Tumblr_mcz7mtv4cw1ribsaco4_500_large
 Yoo!

Hoje trouxe um tutorial de como personalizar a data das postagens,mais para isso você tem que prestar bastante atenção na explicação e no codigo,senão você não vai conseguir.
Primeiro vá em Configurações > formação > e mude o formato da data para está:

Agora vá em editar html > aperte ctrl+f e procure por:
.main-inner h2.date-header {
Abaixo disso cole:
 font: Tahoma; color: #333; margin-left: -80px; background: #f49cca; float: left; font-size: 11px; padding: 4px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .main-inner h2.date-header:hover { background: #87cefa; }
 font: Tahoma; A fonte escolhida para a data.
 color: #333; Cor da data.
 margin-left: -80px; - left = Deixa a data na esquerda, troque por right se quiser ela na direita.
 -80px = Distância entre a data e o título do post . Quanto menor, mais próximo.
  background: #f49cca; Cor do fundo.   float: left;  Muda a localização da data. Troque por Right se quiser na direita.
  font-size: 11px; Tamanho da fonte.
  padding: 4px; Margem do quadrado.   -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; Essa parte é um adicional. Deixa as bordas arredondadas, mas se você quiser que elas fiquem quadradas apague essa parte TODA.
background: #87cefa Cor do fundo quando passa o mouse.
  Visualize e se tudo estiver correto, salve (:

13 comentários:

  1. Olá gatona =)

    Nossa adorei a dica!! adoro seus tuto!! e thanks por me ensinar a mexer no html ... rs

    http://quero-ser-ryca.blogspot.com.br

    bjãooo tenha um lindo fds!!!

    ResponderExcluir
  2. Muito lindo o efeito, fica super bonito e cé entre nós é sempre difícil achar efeito bons para colocar em datas para blogs, esse é lindo!

    jovenclube(.blogspot.com.br)

    ResponderExcluir