Mise en page de la légende des icones de sujets

Ce tutoriel explique plusieurs façons d'afficher la légende des icônes de catégories et sujets (nouveaux messages, pas de nouveaux messages, verrouillé, etc...) sur forumactif - Tutoriel réalisé par Hakuso Nouvan
Code HTML, Forumactif, Templates

Tutoriel réalisé par Hakuso Nouvan, corrigé par 'Christa

Introduction

Sur forumactif, et normalement sur les autres forums basés sur subsilver (incorrectement surnommé phpbb2 sur forumactif), Xooit compris, la légende des sujets s'affiche en bas du forum de la forme suivante :
Image


Comment éviter la triple ou double apparition des icônes ?
- Allez dans le panneau d'administration.
- Allez sur "Affichage". Sur la menu de gauche, sélectionnez "Général" dans la catégorie Template
- Modifiez le fichier viewforum body
Retrouvez tout en bas :
Le code qu'il vous faudra remplacer :
Code ▼ Sélectionner le code
   <!-- BEGIN switch_legend -->
   <tr>
      <td colspan="2">
         <table border="0" cellpadding="6" cellspacing="2" align="center">
            <tr>
               <td>
                  <img src="{FOLDER_NEW_IMG}" alt="{L_FOLDER_NEW_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_NEW_IMG}</span><br />
                  <img src="{FOLDER_HOT_NEW_IMG}" alt="{L_FOLDER_HOT_NEW_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_HOT_NEW_IMG}</span><br />
                  <img src="{FOLDER_LOCKED_NEW_IMG}" alt="{L_FOLDER_LOCKED_NEW_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_LOCKED_NEW_IMG}</span>
               </td>
               <td>
                  <img src="{FOLDER_IMG}" alt="{L_FOLDER_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_IMG}</span><br />
                  <img src="{FOLDER_HOT_IMG}" alt="{L_FOLDER_HOT_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_HOT_IMG}</span><br />
                  <img src="{FOLDER_LOCKED_IMG}" alt="{L_FOLDER_LOCKED_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_LOCKED_IMG}</span>
               </td>
               <td valign="top">
                  <img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_FOLDER_ANNOUNCE_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_ANNOUNCE_IMG}</span><br />
                  <img src="{FOLDER_STICKY_IMG}" alt="{L_FOLDER_STICKY_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_STICKY_IMG}</span><br />
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- END switch_legend -->

Première possibilité

Image

Remplacez le code donné en premier par celui ci :
Code ▼ Sélectionner le code
   <!-- BEGIN switch_legend -->
   <tr>
      <td colspan="2">
         <table border="0" cellpadding="6" cellspacing="2" align="center">
            <tr>
                            <td valign="top">
            <img src="{FOLDER_NEW_IMG}" alt="{L_FOLDER_NEW_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_NEW_IMG}</span></td>
               <td valign="top">
            <img src="{FOLDER_IMG}" alt="{L_FOLDER_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_IMG}</span><br />
              </td>
               <td valign="top">
            <img src="{FOLDER_LOCKED_IMG}" alt="{L_FOLDER_LOCKED_IMG}" border="0" /> <span class="gensmall">Topic Verrouillé</span>
               </td>
            </tr>
        </table>
      </td>
   </tr>
   <!-- END switch_legend -->

Deuxième possibilité

Image

Remplacez le code donné en premier par celui ci :
Code ▼ Sélectionner le code
   <!-- BEGIN switch_legend -->
   <tr>
      <td colspan="2">
         <table border="0" cellpadding="6" cellspacing="2" align="center">
            <tr>
              <td align="center" valign="top">
                <p><img src="{FOLDER_NEW_IMG}" alt="{L_FOLDER_NEW_IMG}" border="0" /><br>
                 <span class="gensmall">{L_FOLDER_NEW_IMG}</span></p>
                </td>
               <td align="center" valign="top">
                  <p><img src="{FOLDER_IMG}" alt="{L_FOLDER_IMG}" border="0" /><br>
                    <span class="gensmall">{L_FOLDER_IMG}</span><br />
                      </p>
               </td>
               <td align="center" valign="top">
                  <p><img src="{FOLDER_LOCKED_IMG}" alt="{L_FOLDER_LOCKED_IMG}" border="0" /><br>
                   <span class="gensmall">Topic Verrouillé</span>                     </p>
                 </td>
            </tr>
        </table>
      </td>
   </tr>
   <!-- END switch_legend -->

Troisième possibilité

Image

Remplacez le code donné en premier par celui ci :
Code ▼ Sélectionner le code
<!-- BEGIN switch_legend -->
   <tr>
     <td colspan="2">
         <table border="0" align="center">
            <tr>
                 <td><img src="{FOLDER_NEW_IMG}" alt="{L_FOLDER_NEW_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_NEW_IMG}</span></td>
               <td><img src="{FOLDER_IMG}" alt="{L_FOLDER_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_IMG}</span><br />               </td>
                 <td><img src="{FOLDER_LOCKED_IMG}" alt="{L_FOLDER_LOCKED_IMG}" border="0" /> <span class="gensmall">Topic Verrouillé</span></td>
            </tr>
         </table>
       <table width="500" border="0" align="center">
<tr>
                <td align="center"><img src="{FOLDER_STICKY_IMG}" alt="{L_FOLDER_STICKY_IMG}" border="0" /> <span class="gensmall"> {L_FOLDER_STICKY_IMG}</span></td>
                <td align="center"><img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_FOLDER_ANNOUNCE_IMG}" border="0" /> <span class="gensmall"> {L_FOLDER_ANNOUNCE_IMG}</span></td>
      </tr>
            </table>
       <br></td>
   </tr>
   <!-- END switch_legend -->

Quatrième possibilité

Image

Remplacez le code donné en premier par celui ci :
Code ▼ Sélectionner le code
<!-- BEGIN switch_legend -->
   <tr>
     <td colspan="2">
         <table border="0" align="center">
            <tr>
                 <td align="center" valign="middle"><img src="{FOLDER_NEW_IMG}" alt="{L_FOLDER_NEW_IMG}" border="0" /><br>
                  <span class="gensmall">{L_FOLDER_NEW_IMG}</span></td>
                                               <td align="center" valign="middle"><img src="{FOLDER_IMG}" alt="{L_FOLDER_IMG}" border="0" /><br>
                 <span class="gensmall">{L_FOLDER_IMG}</span><br />               </td>
                 <td align="center" valign="middle"><img src="{FOLDER_LOCKED_IMG}" alt="{L_FOLDER_LOCKED_IMG}" border="0" /><br>
                  <span class="gensmall">Topic Verrouillé</span></td>
            </tr>
         </table>
       <table width="300" border="0" align="center">
              <tr>
                <td align="center" valign="middle" ><img src="{FOLDER_STICKY_IMG}" alt="{L_FOLDER_STICKY_IMG}" border="0" /><br>
                <span class="gensmall">{L_FOLDER_STICKY_IMG}</span></td>
                <td align="center" valign="middle" ><img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_FOLDER_ANNOUNCE_IMG}" border="0" /><br>
                <span class="gensmall">                {L_FOLDER_ANNOUNCE_IMG}</span></td>
              </tr>
            </table>
       <br></td>
   </tr>
   <!-- END switch_legend -->


Pensez à valider vos modifications après coup.