Version texte : dans la boucle,
<div class="postdate">
<p class="jour"> </p>
<p class="num"></p>
<p class="mois"> </p>
<p class="annee"></p>
</div><!-- fin de POSTDATE -->
En CSS :
.postdate p {margin: 0; padding: 0; text-align: center; }
.postdate p.jour {color: white; background: #999;font-size: 12px;border-left: 1px solid #eee;border-right: 1px solid #eee;}
.postdate p.num {color: #09c;font-size: 24px;border-left: 1px solid #eee;border-right: 1px solid #eee;font-weight: bold; font-family: Georgia, ‘Times New Roman’, serif; margin-top: -1px;}
.postdate p.mois {color: #333;font-size: 14px;border-left: 1px solid #eee;border-right: 1px solid #eee;}
.postdate p.annee {color: #333; font-weight: bold;font-size: 18px;border-left: 1px solid #eee;border-right: 1px solid #eee;border-bottom: 1px solid #eee;margin-top: -1px;}
Résultat : mon site
Sinon, la version image