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!


06/02/2011 ・ 09:33

Não esta funcionando…
Em que parte do css eu tenho que colocar?
E no código que tem q colocar ao lado do titulo, é q tag? é tipo que código?

    06/02/2011 ・ 13:06

    Funciona sim, é o mesmo que uso aqui no blog.
    Em qualquer lugar do css.
    “E no código que tem q colocar ao lado do titulo, é q tag? é tipo que código?” Leia o passo “1”.

02/04/2011 ・ 11:37

bom o tutorial é super 10 amei, mas ele não fica em todos os post como eu posso resolver isto? :27:

    03/04/2011 ・ 07:54

    Pode ser que você tenha colocado no lugar errado, aqui no blog aparece em todos os posts.

08/04/2011 ・ 21:36

Como que faço para colocar do lado direito?

    09/04/2011 ・ 21:26

    Troca o float: left; por float: right;

18/09/2011 ・ 21:25

oi, adorei o sua dica, eu quero colocar a data e não sabia como, eu comprei o tema. e a minha dúvida é se eu coloco na index ( q é essa pagina principal) ou na blog page. esse codigo do css também não sei onde colocar, pode me ajudar?please

    19/09/2011 ・ 07:37

    Está tudo explicado no tutorial, só ler com atenção.

25/11/2011 ・ 13:25

Olá! TUdo bom? Como eu posso fazer isso para o blogger?

27/07/2012 ・ 02:28

Tem algum jeito que possa colocar uma imagem no fundo da data? obrigada! adorei o tutorial 😀

    27/07/2012 ・ 08:24

    Tem sim é só colocar a linha do background com a imagem dentro da classe “.date”

27/07/2012 ・ 16:27

Obrigada!!

26/09/2012 ・ 08:46

Olá, tudo bem? confesso que estou apanhando com essas informações, pois não entendo nada de CCS IndexPHP…..onde encontro isso no wordpress?

14/12/2012 ・ 00:13

Vi um pessoal dizendo que não funcionou. No meu também não.
Fica na horizontal. Como se o css não estivesse funcionando. Só copiei e colei o que vc postou 🙁

14/12/2012 ・ 00:30

Problema resolvido Tamara, desculpa o incômodo :15: