Posts Recentes

tutorial - Estilos para personalizar data do post




Olá hoje trouxe alguns estilos para personalizar a data da postagem, vamos ver? 

Primeiro, vá em modelo, editar html e procure por .main-inner h2.date-header {

Agora, é bem simples, você irá substituir o código acima pelo modelo que você quiser:

Para sua data ficar assim:


Cole esse código:



 .main-inner h2.date-header {
-webkit-transition-duration: .50s;float: left;width:57px;height:57px;overflow:hidden;font-size:13px;color: #fff !important;text-align:center;margin-bottom: -75px;margin-left: -70px;padding: 8px 2px 0px 2px;-webkit-border-radius: 5em; -moz-border-radius: 5em;background: #CCD4DA; }.main-inner h2.date-header:hover {-webkit-transition-duration: .50s;background: #BEC8CF; }
  Dica: Coloque dia, mês e ano. Que nem no exemplo do print.


Para sua data ficar assim:


Cole esse código:

 .main-inner h2.date-header {text-align: center;background:#000;color: #fff;border-radius: 10px 10px 10px 10px; }
 Dica: Coloque dia, mês e ano. Que nem no exemplo do print.



Para sua data ficar assim:


Cole esse código:

 .main-inner h2.date-header {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;text-align: center;background: #FFF;margin: 10px -1px -15px -110px;color:#D2D56C;Border: 2px solid #D2D56C;width: 15%;float: left;}
 Dica: Coloque dia, mês e ano. Que nem no exemplo do print. 

 e isso ai gostaram...pessam tutoriais pelo ask-fm...




12 comentários:

  1. Nossa, valeu! Obrigadissimo! Não estava achando nenhuma personalização que desse certo, mas quando vi a primeira, falei aleluia!

    Obrigado, Linny P♥.
    Garota Nas Nuvens

    ResponderExcluir
  2. Muito bom o tuto acho que vou usar :)
    minhas-confissoes-2012.blogspot.com

    ResponderExcluir
  3. Amei o tuto!! Quer fazer parceira? bjks http://beijosdechocolate.blogspot.com

    ResponderExcluir
  4. No meu não tem '.main-inner h2.date-header {' o que eu faço ?

    ResponderExcluir
  5. Eu nunca consigo achar o código. Eu sempre tento, mas nunca acho.

    ResponderExcluir
  6. MEU DEUS muito obrigada por ter postado! Nossa eu tava louca procurando esse tutu! xD Obrigada!!!

    ResponderExcluir