Date des billets façon iCal

Un des aspects que j'aime particulièrement sur le thème que j'utilise est la manière d'afficher les dates des billets devant leurs titre :

Copie ecran

Pour obtenir cet affichage, il faut :

  • Dans la feuille de style associée au thème, ajouter :
.post .post_cal {
	border: 1px solid #A6A6A6;
	text-align: center;
	width: 50px;
	float: left;
	margin: 0 10px 5px 0;
}

.post_cal .dayname {
	background-color: #AA3511;
	border-bottom: 1px solid #A6A6A6;
	color: #FFFFFF;
	font-size: smaller;
	font-weight: bolder;
	width: 100%;
}

.post_cal .daynum {
	border-bottom: 1px solid #A6A6A6;
	font-size: xx-large;
	font-weight: bold;
	width: 100%;
}

.post_cal .month {
	font-size: smaller;
	width: 100%;
}
  • puis dans les fichiers list.php et post.php du thème[1] :
<div class="post_cal">
 <?php 
  $postraw = dt::str('%a, %d, %b, %y',
    strtotime($GLOBALS['news']->f('post_dt')));
  if ($postraw != '') {
   $postdate = explode(', ', $postraw);
  } ?>
 <div class="dayname">
   <?php echo $postdate[0]; ?></div>
 <div class="daynum">
   <?php echo $postdate[1]; ?></div>
 <div class="month">
   <?php echo $postdate[2]; ?> '
   <?php echo $postdate[3]; ?></div>
</div>

Voilà !

P-S : Une petite précision, j'utilise le jeu de police suivant dans la feuille de style :

font-family: "Century Gothic", Verdana, 
 Arial, Helvetica, sans-serif;

Notes

[1] Faire une copie de tous les fichiers php du thème par défaut si le thème actuel n'en possède pas.

Ajouter un commentaire

Les champs suivis d'un * sont obligatoires

Les commentaires peuvent être formatés en utilisant la syntaxe Markdown Extra.

Ajouter un rétrolien

URL de rétrolien : https://open-time.net/trackback/2914

Haut de page