Icones des catégories

J’ai recu un mail il y a quelque temps de ça me demandant d’expliquer la méthode utilisée pour afficher une icones différentes en fonction de la catégorie à laquelle appartient le billet.
Afin de pemettre à d’autre de réaliser la même manipulation.

Pour qu’une icône identifiant la catégorie apparaisse à côté du titre du billet, il va falloir modifier les fichiers:

  • list.php (pour la présentation en liste)
  • post.php (pour la présentation en billet seul)

Dans le fichier list.php, cherchez l’occurrence:

<h2 id="p<?php dcPostID(); ?>" class="post-title">

Remplacez-la par:

<h2 id="p<?php dcPostID(); ?>" class="post-title <?php print ('ico'.$news->f('cat_libelle_url')); ?>">

Dans la feuille de style, placez la règle qui va bien; pour une catégorie « Blog »:

.post-title { /* règle générale à tous les titres de post */ 	padding-left : 16px; /* pour une image 12*12px */   /* le reste sans changement par rapport à votre feuille de style habituelle */ } .icoBlog { 	background : transparent url(images/ico-Blog.jpg) no-repeat; }

Ainsi de suite pour chaques catégories. Bien entendu, on prendra soin de placer dans le répertoire images/ du thème.

Pour retrouver le tutoriel complet allez faire un tour sur le petit dotclear illustré.

Laisser un commentaire