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 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