Data dos posts em formato calendário

Views:
Abaixo de </head>:

<script>
function remplaza_fecha(d){
var da = d.split(' ');
dia = "<div class='fecha_dia'>"+da[0]+"</div>"; // mes = "<div class='fecha_mes'>"+da[1].slice(0,3)+"</div>"; // anio = "<div class='fecha_anio'>"+da[2]+"</div>"; // document.write(dia+mes+anio);
}
</script>


Substitua <data:post.dateHeader/> por este código:

<div id='fecha'>
<script>remplaza_fecha('<data:post.dateHeader/>');
</script>
</div>


Acima de ]]></b:skin> cole:

/*** Data em formato calendário by Elaine Gaspareto começo***/
#fecha {
display: block;
float:left;
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 0px;
color: #000; /*Cor da fonte da data*/
background: url('AQUI O ENDEREÇO DE SUA IMAGEM') no-repeat;
line-height:17px; /*Altura da linha*/
list-style:none outside none;
margin-left:-5px; /*Margem externa esquerda*/
margin-right:10px; /*Margem externa direita*/
margin-top:-7px; /*Margem externa direita*/
padding-top:19px; /*Ajuste a posição do texto; quanto maior o número mais sobe e vice/versa*/
font-family:'Arial'; /*Fonte do texto da data*/
text-align:center; /*Alinhamento do texto da data*/
width:80px; /*Largura da imagem*/
height:80px; /*Altura da imagem*/
}
.fecha_dia {
display:block;
font-size:17px; /*Tamanho da fonte*/
line-height:18px; /*Altura da Linha*/
}

.fecha_anio {
font-size:17px; /*Tamanho da fonte*/
line-height:18px; /*Altura da Linha*/
display:block;
}
.fecha_mes {
font-size:17px; /*Tamanho da fonte*/
line-height:18px; /*Altura da Linha*/
text-transform:none;
display:block;
}
/*** Data em formato calendário fim ***/





Home Sobre mim Tutoriais Loja de templates Portfólio Fanpage