Tutoriais  25/11/2010 

Data ao lado do Título

Coloque a data ao lado do título dos posts como no exemplo:

01. Abra o arquivo index.php e ao lado da tag do título dos posts, adicione:

<div class="date">
<span class="dia"><?php the_time('d',true); ?></span>
<span class="mes"><?php the_time('M',true); ?></span>
<span class="ano"><?php the_time('Y',true); ?></span>
</div>

02. Agora adicione ao seu css:

.date {
width: 45px;
height: 50px;
float: left;
margin: 0;
text-align: center;
font-family: arial, georgia;
}
.date span.dia{
color: #6d6d6d;
font-size: 22px;
font-weight: bolder;
}
.date span.mes{
text-transform: none;
color: #6d6d6d;
font-size: 12px;
font-weight: bolder;
text-transform: uppercase;
margin-top: 5px;
}
.date span.ano{
text-transform: none;
color: #6d6d6d;
font-size: 12px;
font-weight: bolder;
}

Modifique como desejar!


Aline
25/11/2010 ・ 13:29

Obrigada por atender meu pedido! Quando meu blog ficar pronto, eu coloco o link aki! beijos!

Aline
25/11/2010 ・ 16:38

Não deu certo! Foi feito tudo direitinho… A data fica acima do título, na horizontal. O que poderá ter acontecido?

    26/11/2010 ・ 05:30

    Aparentemente você fez alguma coisa errada em relação ao css.

25/11/2010 ・ 17:06

Poxa, amei o tutorial! Sempre quis saber como colocar a data do lado do título. :27:

25/11/2010 ・ 20:07

Um tutorial super útil, vou usar ele em futuros themes para o meu blog! õ/
Abraços

25/11/2010 ・ 22:10

Oi Tamara.
Funciona este codigo no Blogger? :22:

26/11/2010 ・ 05:32

Eu não conheço as tags do blogger, mas se elas forem separadas assim por dia mês e ano, dá certo sim.

26/11/2010 ・ 06:36

Olha, eu só fiz copiar e colar o códico… n modifiquei nada. O blog ainda está em construção, mas tô te mandando o link pra você ver como ficou.

    26/11/2010 ・ 21:34

    Bem, como eu tinha dito, não está havendo leitura do css.
    O motivo pode ser vários. O código está certinho, copiei aqui do meu tema e colei no tuto. Além disso já fiz vários temas assim.
    Enfim, dá uma olhada no seu css se todas as classes terminam com ;}
    Olha também os arquivos do tema se estão ok. Isso tem jeito de ser coisa simples, errinho bobo mesmo 😉

26/11/2010 ・ 09:34

Nossa … vc leu meus pensamentos …
Adorei a dica!

manu
14/12/2010 ・ 11:28

Oie, eu queria saber como faz pra colocar no tumblr, eu tentei colocar do jeito q vc ensina aqui mas só aparece um linha

14/12/2010 ・ 12:55

Eu não tenho tumblr, nem sei como funciona…