sexta-feira, 2 de novembro de 2012

Tutorial colocando data no post com imagem.

Oiê, surpresa: ainda tô viva!!
Chegando com Tutorial novo, para personalizar a data do post é facil !
Vai ficar + ou-  assim:
 
  

Vá no seu HTML (Modelo >> Editar HTML >> Prosseguir >> Ctrl+F) e procure por:
 .main-inner h2.date-header {

 Substitua tudo até a chave ({) por isso:
.main-inner h2.date-header {
font: georgia;  /* fonte */
color: #ffffff;  /* cor da fonte */
margin-left: -33px; /* margem da esquerda  ou direita */
margin-top: -20px; /* margem acima */
background: url(URLDAIMAGEM) no-repeat;
float: left; /* ficar na esquerda (left) ou direita (right) */
font-size: 15px; /* tamanho da fonte */
padding: 4px; /* espaçamento */
width: 86px; /* largura da imagem */
height: 86px; /* altura da imagem */
text-align: center;
}
 Coisas Importantes:

Se suas área da postagem for no lado direito substitua no código TUDO onde tem left por right.
Vá na sua imagem, clique com o botão direito e escolha propriedades para saber sua largura e altura.
No margin top quanto menor for o valor mais para cima vai ficar.


 

0 comentários: