Ce tutoriel vous permettra d’afficher les derniers messages en dessous des icônes des nouveaux messages, pas de nouveaux messages et Forum Verrouillé. Le nombre de sujets et de messages ne sont pas appliqué !

Suppression des titres « Sujet, Messges et « Derniers Messages »
1)
 Rendez-vous sur votre panneau d’administration.
2) Allez dans l’onglet « Affichages », puis »template », cliquez sur « Général ».
3) Allez dans le template « index_box » (Page d’accueil – affichage des catégories). Cliquez sur la rouage jaune « Modifier » pour y accéder.

Nous allons travailler sur un template par défaut afin que ce soit plus simple pour les débutants. Voici ce que votre template ressemble pour le moment :

4) Recherchons ses lignes :

<!– BEGIN catrow –><!– BEGIN tablehead –><table class= »forumline » width= »100% » border= »0″ cellspacing= »1″ cellpadding= »0″>
<tr>
<th colspan= »{catrow.tablehead.INC_SPAN} » nowrap= »nowrap » width= »100% » class= »secondarytitle »>&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</th>
<th nowrap= »nowrap » width= »50″>{L_TOPICS}</th>
<th nowrap= »nowrap » width= »50″>{L_POSTS}</th>
<th nowrap= »nowrap » width= »150″><div style= »width:150px; »>{L_LASTPOST}</div></th>
</tr>
<!– END tablehead –>Le Règlement du Forum
<!– BEGIN cathead –>

5) Nous allons retirer les entêtes/titres suivants : « Sujet, Messges et « Derniers Messages ». Supprimez donc ses trois lignes.

       <th nowrap= »nowrap » width= »50″>{L_TOPICS}</th>
<th nowrap= »nowrap » width= »50″>{L_POSTS}</th>
<th nowrap= »nowrap » width= »150″><div style= »width:150px; »>{L_LASTPOST}</div></th>

Ce qui donne ceci :

<!– BEGIN catrow –><!– BEGIN tablehead –><table class= »forumline » width= »100% » border= »0″ cellspacing= »1″ cellpadding= »0″>
<tr>
<th colspan= »{catrow.tablehead.INC_SPAN} » nowrap= »nowrap » width= »100% » class= »secondarytitle »>&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</th>
</tr>
<!– END tablehead –>
<!– BEGIN cathead –>

Suppression des colonnes « Sujet, Messges et « Derniers Messages »
6)
Recherchons ce code :

             <!– BEGIN switch_moderators_links –>
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!– END switch_moderators_links –>
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>

7) Après ce code, il y a le code qui nous intéresse que vous allez supprimer :

<td class= »row3″ align= »center » valign= »middle » height= »50″>
<span class= »gensmall »>{catrow.forumrow.TOPICS}</span>
</td>
<td class= »row2″ align= »center » valign= »middle » height= »50″>
<span class= »gensmall »>{catrow.forumrow.POSTS}</span>
</td>

<td class= »row3 over » align= »center » valign= »middle » height= »50″>
<!– BEGIN avatar –>
<div style= »width: 200px; »></div>
<span class= »lastpost-avatar »>{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
<!– END avatar –>
<span class= »gensmall »>{catrow.forumrow.LAST_POST}</span>
</td>

</tr>

 

Installation de notre « Dernier Message »
8)
Nous allons reprendre le code qu’on a supprimé afin de récupérer les bouts de codes qui nous interesse.
9) Ce code sert à afficher le nombre de sujets. Pour le coup, ça ne nous interesse pas, donc nous n’allons pas le reprendre.

<td class= »row3″ align= »center » valign= »middle » height= »50″>
<span class= »gensmall »>{catrow.forumrow.TOPICS}</span>
</td>

10) Ce code sert à afficher le nombre de messages. Nous n’allons pas le reprendre car ça nous intéresse pas non plus.

 <td class= »row2″ align= »center » valign= »middle » height= »50″>
<span class= »gensmall »>{catrow.forumrow.POSTS}</span>
</td>

11) cette partie nous intéresse :

 <td class= »row3 over » align= »center » valign= »middle » height= »50″>
<!– BEGIN avatar –>
<div style= »width: 200px; »></div>
<span class= »lastpost-avatar »>{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
<!– END avatar –>
<span class= »gensmall »>{catrow.forumrow.LAST_POST}</span>
</td>

12) Voyons un peu plus près leurs fonctionnalités.

La balise : {catrow.forumrow.avatar.LAST_POST_AVATAR} sert à afficher l’avatar en miniature du dernier posteur.

La balise : <span class= »gensmall »>{catrow.forumrow.LAST_POST}</span> sert à afficher le dernier message qui a été posté.

13) Recherchons ce bout de code qui permet d’afficher vos icônes « Nouveaux messages », « Pas de nouveaux messages » et « Forum Verrouillé »

<img title= »{catrow.forumrow.L_FORUM_FOLDER_ALT} » src= »{catrow.forumrow.FORUM_FOLDER_IMG} » alt= »{catrow.forumrow.L_FORUM_FOLDER_ALT} » />

14) Ajoutons à la suite ceci :

<br><br><!– BEGIN avatar –>
<span class= »lastpost-avatar »>{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
<!– END avatar –>
<span class= »gensmall »>{catrow.forumrow.LAST_POST}</span><br><br>

15) Je vous conseille d’insérer une balise div avant et après la balise {catrow.forumrow.LAST_POST}, qui vous permettra, si vous souhaitez, personnaliser le champ du dernier message avec son avatar, si vous l’activiez. ce qui donne :

<br><br><!– BEGIN avatar –>
<span class= »lastpost-avatar »>{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
<!– END avatar –>
<span class= »gensmall »><div class= »derniers_sujets »>{catrow.forumrow.LAST_POST}</div></span><br><br>

16) Pour personnaliser ce champ, ajoutez donc le code css ci-dessous, dans votre feuille de style en personnalisant à votre guise.

.derniers_sujets {   }

17) Voici le code css qui vous permettra de personnalisé l’avatar. Vous pouvez règler la taille qui vous convient, ainsi personnaliser l’arrondie.

.lastpost-avatar { float: left; padding: 2px; }

.lastpost-avatar img { width: 41px; height: 41px; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -webkit-border-radius: 5px; }

18) C’est plus qu’à sauvegarder pour voir le résultat !

Comment faire pour activer l’affichage de l’avatar ?
Allez dans votre Panneau Administration > Affichage > Page d’accueil > Structure et hiérarchie > Hiérarchie > Afficher les avatars dans la colonne « Derniers Messages » : Oui.

Comment faire pour régler la longueur des titres du sujet ?
Vous pouvez trouver une apparence homogène en déterminant la taille du titre du sujet.
Allez dans votre Panneau Administration > Affichage > Page d’Accueil > Structure et hiérarchie > Longueur du titre du sujet affiché.

© By Shaynee

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *