segunda-feira, 27 de fevereiro de 2012

Personalizando as datas dos post

tumblr_ly741coMCI1qaw1ymo1_500_large

Oii Flores, venho aqui com mais um tutorial para vocês, de como personalizar a data do post, e o resultado fica lindo, é bem fácil, leva uns 3 minutinhos, mais prestem atenção, para não fazer errado hein, vamos lá.

Vá em Designs Editar HTML e procure por .main-inner h2.date-header {

E você vai achar um código parecido com esse:

.main-inner h2.date-header {
  font: $(date.font);
  color: $(date.text.color);

Cole o seguinte código, abaixo do trecho citado acima:

border: 1px dashed Coloque a cor da borda aqui ; ;
text-shadow: 1px 2px 1px Coloque a cor da sombra aqui;

Esse código dará sombra na data do post e terá bordas em volta da data, vamos entender como modificar

Aonde está marcado em rosa, é o tamanho da borda.Aonde está marcado em roxo é o tipo de borda que vai usar

A parte laranja e azul da segunda linha código são a distância da sombra em relação ao texto.A parte em amarelo é o tamanho da sombra.

Agora procure por font: $(widget.title.font);

E vai achar um código parecido com esse:

h2 {
  font: $(widget.title.font);
  color: $(widget.title.text.color);
}

E abaixo da ultima linha cole o seguinte código:

background: Coloque a cor do fundo aqui

E vai ficar assim:

h2 {
  font: $(widget.title.font);
  color: $(widget.title.text.color);
background: Coloque a cor do fundo aqui
}

Visualize e se estiver tudo certo, salve !, pronto !, haa e não se esqueçam de creditar tá ?

E participem do concurso que tá rolando aqui no blog em parceria com o blog Doce Imperfeição clicando aqui

Thau !

15 comentários:

  1. ooi, tudo bem amiga?
    awwn você e uma fofa.
    deve ficar lindoo o resultado :]
    #Bezos Rawr -----> Bikoti.blogspot.com

    ResponderExcluir
  2. awwn que fofa você amiga <3 te adoro ^^
    os seus tbm arrasa.
    #Bezos Rawr -----> Bikoti.blogspot.com

    ResponderExcluir
  3. oooooooooooi :]
    que lindo nossa adorei o tutorial, obrigada pelo carinho diwa *_*
    #Bezos Rawr -----> Bikoti.blogspot.com

    ResponderExcluir
  4. :] ooi tudo bem? que linda você *--*
    te adorooooooooooooooooooooo <3
    #Bezos Rawr -----> Bikoti.blogspot.com

    ResponderExcluir
  5. otimo tutorial amg :]
    amiga não esquece de participar do concurso valendo um més de destaque no Bikoti mais um selo <3 Não perca essa *-* clique ali e participe: http://bikoti.blogspot.com/2012/02/concurso-no-bikoti.html
    #Bezos Rawr -----> Bikoti.blogspot.com

    ResponderExcluir
  6. Super útil o post, ;)

    Beijocas,

    nossoglamour.blogspot.com

    ResponderExcluir
  7. adorei o tutorial amiga parabéns, seu blog e lindo.
    amiga não esquece de participar do concurso valendo um més de destaque no Bikoti mais um selo <3 Não perca essa *-* clique ali e participe: http://bikoti.blogspot.com/2012/02/concurso-no-bikoti.html
    #Bezos Rawr -----> Bikoti.blogspot.com

    ResponderExcluir
  8. Adorei o tutorial super maneiro *---* Beijos'

    http://wwwgertiegirlcom.blogspot.com/

    ResponderExcluir
  9. ooooooi :]
    td bem?
    adorei o tutorial amg.
    #Bezos Rawr -----> Bikoti.blogspot.com

    ResponderExcluir
  10. Facinhu,ja sabia, mais da pra fazer muita coisa por ai ;)
    post novo la no blog
    comenta?
    www.tutoriar.com

    ResponderExcluir
  11. Adorei o tutorial. Gostei muito do seu blog e já estou seguindo. Voltarei aqui mais vezes.
    http://perfeitamenteteen.blogspot.com

    ResponderExcluir
  12. Flor o tuto ta errado,tem um pequeno errinho no segundo codigo que a tag deve ser colocada antes da { senão nao da certo eu ja vi isso no meu html e fiquei desesperada que nao tava dando,coloquei dps da chave e deu certo aarruma isso ai!
    Beijoos s2
    http://blogteen-forever.blogspot.com

    ResponderExcluir
  13. amei ajuda a divulgar no meu blog ♥ por favor http://dentrodamala-blog.blogspot.com.br/

    ResponderExcluir
  14. adore o post

    Divulga ou segue já sigo o blog por favor http://dentrodamala-blog.blogspot.com.br/

    ResponderExcluir
  15. Adorei o tutorial, bem explicadinho ^^
    Beijão ♥

    plush-girl.blogspot.com

    ResponderExcluir