Dimanche 28 février 2010

C'est sympa, mais vous en voulez plus.
OK, on y va... tout droit dans le css.

Vous avez déjà pris connaissance de l'article sur la modification du css et l'incompatibilité avec la personnalisation du thème d'origine d'Over-Blog, bien sûr.

L'instruction de la date est :
.date { }                  \*--boite  englobant tout ce qui suit--*/
.text { }                   \*--le texte de la date de publication--*/ 

Déjà avec ça vous pouvez faire des changements de fond, de couleurs...

Mais il est possible d'aller plus loin puisque chaque élément a sa propre instruction css.
Ces éléments ne sont pas affichés par défaut et sont en nombres au lieu de lettres :
.dow { }                   \*--jour de la semaine--*/
.day { }                    \*--date de publication---*/
.month { }                \*--mois de publication--*/
.year { }                   \*--année de publication--*/
.hour { }                   \*--heure de publication--*/

Pour afficher l'heure, on peut par exemple rajouter :
.date .hour { display:block}
Pour avoir la date de publication et l'heure de publication sur la même ligne, il faut mettre ces 2 lignes :
.date span.text {display:inline}
.date .hour {display:inline}
Et enfin, pour afficher la date en chiffre, voici un exemple de modification CSS que l'on peut utiliser :
.date .text {display:none!important}
.date span.day, .date span.month, .date span.year, .date span.hour {display:inline;}
Ces deux lignes se lisent ainsi : je retire la date écrite en lettre et j'ajoute chaque élément en chiffre de la date et de l'heure.

Pour afficher le nom du mois en lettres mais en abrégé: 
.date span.litteralMonth {font-size:1em}

Exemple après pas mal de travail de mise au point :


Vous aurez reconnu l'article de Bakémono aidée par BrenDuFat.