15 junho 2012

Data do post com imagem


Hey hey, surpresa: eu não morri!! E ainda tenho um tuto (sem feito hover, mas muito fofo!!) bom é -obviamente- de personalizar a data do post (porque eu falo isso se tem no titulo?) é facil !! Vamos lá people:

Vai ficar mais ou menos 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
No proximo post vou postar imagens para usarem
Dica: usem imagens de tirinhas:

No próximo post eu trago elas 
Kiss&Kiss


2 comentários:

Monique Santos disse...

Adorei o tutu,mais ñ uso datas no meu blog,ñ sei o motivo ksks
Adorei aqui seguindo!

nickworldglitter.blogspot.com.br

Monique Santos disse...

Já te coloquei nos afiliados :)

http://nickworldglitter.blogspot.com.br/