[TYPO3 TT_news / CSS] Styler une news en fonction de sa catégorie

Il y a 2 astuces très simples et similaires. Si vous êtes un inconditionnel de Typoscript choississez la 1ère, si vous aimez la bidouille astucieuse, la seconde est pour vous !

1ère solution (utilisation de l’ID de la catégorie) :

plugin.tt_news.displayList {
title_stdWrap.wrap = <div class="news-list-title-{register:newsCategoryUid}">|</div>
title_stdWrap.insertData=1
}

2ème solution (utilisation du nom de la catégorie) :

Allez directement sur le template html des news. Vous insérez le marqueur ###NEWS_CATEGORY### directement dans le nom de l’id du div que vous souhaitez customiser. Exemple :

<div class="news-list-title-###NEWS_CATEGORY###">...</div>

Bien entendu, quelque soit la solution choisie, il faudra créer les styles css de chaque classe comme les exemples ci-après :

.news-list-title-1 {
background-color: #090;
}

.news-list-title-nomdelacategorie {
background-color: #090;
}