Bouton des statuts différents pour chaque forum

[Jules]

Bouton de statut des forums différente pour chaque forum
Le titre est sûrement un peu flou, je m'en excuse je n'ai pas trouvé de titre qui résume ce que je vais dire en une petite phrase. Bref !

Le résultat final, le voici :
   

Le tutoriel vise à pouvoir mettre une image par section (comme pas mal de tutoriels existants), mais sans faire deux colonnes (pas très jolie) et sans complètement gâcher le plaisir de savoir où sont les nouveaux messages.

C'est très simple : pour ça nous allons utiliser le même icône que les sous-forums, un icône "mini" à gauche des noms des forums.

Ouvrez le template forumbit_depth2_forum, dans ce template vous avez ça normalement (thème par défaut) :

Code :

<tr>
<td class="{$bgcolor}" align="center" valign="top" width="1"><span class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"></span></td>
<td class="{$bgcolor}" valign="top">
<strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$modlist}{$subforums}</div>
</td>
<td class="{$bgcolor}" valign="top" align="center" style="white-space: nowrap">{$threads}{$unapproved['unapproved_threads']}</td>
<td class="{$bgcolor}" valign="top" align="center" style="white-space: nowrap">{$posts}{$unapproved['unapproved_posts']}</td>
<td class="{$bgcolor}" valign="top" align="right" style="white-space: nowrap">{$lastpost}</td>
</tr>

Cherchez :

Code :

<td class="{$bgcolor}" align="center" valign="top" width="1"><span class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"></span></td>

Et remplacez par :

Code :

<td class="{$bgcolor}" align="center" valign="top" width="1"><img src="./images/categorie/c_{$forum['fid']}.png"></td>

Pour ajouter une image à une catégorie, faites un dossier "categorie" dans le dossier "images", puis ajoutez les images comme ceci : c_id catégorie.png

Ensuite, cherchez :

Code :

<strong><a href="{$forum_url}">{$forum['name']}</a></strong>

Ajoutez juste devant le <strong> ce bout de code :

Code :

<span class="subforumicon subforum_mini{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"></span>

Enregistrez, et c'est terminé !