MyBB.support, le portail francophone de MyBB
Bouton des statuts différents pour chaque forum - Version imprimable

+- MyBB.support, le portail francophone de MyBB (http://mybb.fr)
+-- Forum : MyBB.fr (http://mybb.fr/forum-1.html)
+--- Forum : Tutoriels (http://mybb.fr/forum-19.html)
+--- Sujet : Bouton des statuts différents pour chaque forum (/thread-7090.html)



Bouton des statuts différents pour chaque forum - Jules - 04-10-2014

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 :
[attachment=1436]

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


RE: Bouton des statuts différents pour chaque forum - Geoo - 28-10-2014

Merci pour ce tutoriel, mais j'ai un petit soucis avec mon thème. Je vous explique :

Après avoir remplacé le code :

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>

Par :

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

Les icones se supprimes, j'ai bien créé un dossier "categorie" dans le dossier "images", et j'ai nommé ma première image : c_2.png
Rien ne s'affiche, ensuite, lorsque je cherche :

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


Je ne le trouve pas..

Voici mon code :

Code :
<td class="{$bgcolor}" valign="top">
<a href="{$forum_url}">{$forum['name']}</a>{$forum_viewers_text}<div class="smalltext2">{$forum['description']}{$modlist}{$subforums}</div>
</td>
<td class="{$bgcolor}" valign="top" align="right" style="white-space: nowrap"><span class="smalltext2">Sujets: {$threads} <i class="fa fa-file"></i>{$unapproved['unapproved_threads']}<br /> Messages: {$posts} <i class="fa fa-comment"></i>{$unapproved['unapproved_posts']}</span></td>
<td class="{$bgcolor}" valign="top" align="center" style="white-space: nowrap"></td>
<td class="trow12" valign="top" align="left" style="white-space: nowrap"><i>{$lastpost}</i></td>
</tr>

Voilà, merci de vouloir m'aider



RE: Bouton des statuts différents pour chaque forum - exdiogene - 28-10-2014

Alors pour vous il faut remplacer :
Code :
<a href="{$forum_url}">{$forum['name']}</a>

par :
Code :
<span class="subforumicon subforum_mini{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"></span><a href="{$forum_url}">{$forum['name']}</a>



RE: Bouton des statuts différents pour chaque forum - Geoo - 28-10-2014

Merci, mais l'image faut elle bien la nommé : "c_2.png" ? Car rien ne s'affiche..


RE: Bouton des statuts différents pour chaque forum - Jules - 29-10-2014

Code :
<img src="./images/categorie/c_{$forum['fid']}.png">

Oui, vous devez nommez vos images "c_id du forum" et l'extension doit être ".png", avez-vous vérifier que vous n'avez pas nommer l'image "c_2.png" sous l'extension .png et donc "c_2.png.png" ?

Sinon, envoyez moi le lien de votre forum en message privé je verrais bien où est l'erreur


RE: Bouton des statuts différents pour chaque forum - Jules - 29-10-2014

Problème résolu pour Geoo.
Il n'avait pas édité le bon template.


 Utilitaire de traduction fourni par Regentronique