- modificate come viene visualizzata la data andando in Bacheca -> Formattazione e selezionando la terza voce (es: martedi 6 gennaio 2009)
- ora andate in Layout -> Modifica HTML ed espandete i modelli widget
- inserire nella sezione <head> del template il seguente script:
function calendario(d){
var da = d.split(' ');
giornosettimana="<div class='giornosettimana'>"+da[0].slice(0,3)+"</div>";
giorno = "<div class='giorno'>"+da[1]+"</div>";
mese = "<div class='mese'>"+da[2].slice(0,3)+"</div>";
anno = "<div class='anno'>"+da[3]+"</div>";
document.write(mese+giorno+giornosettimana+anno);
}
</script>
dopo la sezione di Variable definition inserire:
#calendario {
display: block;
margin: 0 13px 0 0;
padding: 0 15px 8px 15px;
float: left;
background: url(http://i43.tinypic.com/34ru8wk.png) no-repeat;
border: 0;
text-transform: uppercase;
}
.giornosettimana {
display: block;
font-size: 10px;
font-weight:bold;
color: gray;
}
.giorno {
margin: 8px 3 0 1px;
display: block;
font-size: 16px;
font-weight:bold;
color: black;
}
.mese {
display: block;
font-size: 10px;
font-weight:bold;
color: white;
}
.anno {
display: none;
font-size: 8px;
font-weight:normal;
color: black;
}
più in basso cercate:
<h2 class='date-header'> </h2>
e sostituitelo con:
<h2 class='date-header'>
<div id='calendario'> <script> calendario("<data:post.dateHeader/>"); </script> </div>
</h2>
è più complicato del metodo precedentemente suggerito (che trovate qui) ma presenta sia la data in italiano che il giorno della settimana!
0 commenti:
Posta un commento