Idea Les Râleuses sont absentes.. Idea
Le forum est en vacances mais toutes nos ressources restent disponibles. (En savoir +)

Aller en bas
MmeFeuillage
MmeFeuillage
Informations : - Absente le week end du vendredi midi au Dimanche soir Wink
Messages : 180
https://forumfeminin.forumactif.org

[ModernBB] Mettre en avant le lien vers les messages sans réponses Empty [ModernBB] Mettre en avant le lien vers les messages sans réponses

le Mar 29 Oct 2019 - 14:54

Version : ModernBB

Mettre en avant le lien vers les messages sans réponses



Hello

Dans ce petit tutoriel, je vous propose de mettre en avant le lien vers les messages sans réponses.
Le but ? Que vous ne ratiez plus les sujets postés par vos membres et que vos membres ne ratent plus les votre ! En effet , j'ai constaté que parfois, certain message pouvait passer à la trappe, et il n'y a rien de plus désagréable que d'ouvrir un sujet et de ne jamais obtenir de réponse.

Voici une petite capture d'écran pour vous donner une idée (moitié sur la tambouille moitié sur mon forum)
Affichage habituel :
[ModernBB] Mettre en avant le lien vers les messages sans réponses Captur43

affichage modifié:
[ModernBB] Mettre en avant le lien vers les messages sans réponses Captur44

Etape 1 : modification du template Index box

- Rends toi dans ton template Index box.
Des le début, tu dois voir la liste qui correspond aux liens "Voir les nouveaux messages depuis votre derniere visite" "Voir ses messages" " voir les messages sans réponses" "marquer tous les forums comme lus"

Remplaces toute la parti de
Code:
<ul class="linklist top"> à </ul> 

par :
Code:
<ul class="linklist top">
 <!-- BEGIN switch_user_logged_in -->
 <li>
 <a href="{U_SEARCH_NEW}"><i class="ion-ios-flame"></i>{L_SEARCH_NEW}</a>
 </li>
 <li>
 <a href="{U_SEARCH_SELF}"><i class="ion-ios-box-outline"></i>{L_SEARCH_SELF}</a>
 </li>
 <!-- END switch_user_logged_in -->
 <!-- BEGIN switch_user_logged_in -->
 <li class="rightside">
 <a href="{U_MARK_READ}" accesskey="m"><i class="ion-android-checkmark-circle"></i>{L_MARK_FORUMS_READ}</a>
 </li>
  <!-- END switch_user_logged_in --><br/>
  <li class="ssrep">
 <a href="{U_SEARCH_UNANSWERED}"><i class="ion-ios-chatbubble-outline"></i>{L_SEARCH_UNANSWERED}</a>
 </li>
</ul>

En fait, j’ai simplement placé le lien vers les messages sans réponse à la fin de la liste et je lui ai donné un nom (ssrep)
La balise de ce lien est
Code:
{U_SEARCH_UNANSWERED}

Enregistre et publie.

Etape 2 : modification de la CSS

Rend toi maintenant dans la CSS , et ajoute puis modifie selon tes besoins :

Code:
ul.linklist li.ssrep{
  font-size:15px; /*modification de la taille du texte*/
  border: 1px solid; /*modification de la bordure du bouton */
  background-color:#EDD293; /*modification de la couleur du bouton*/
  border-radius:7px; /*angle de la bordure*/
  position: relative;
  left:280px; /*position du bouton, centrage */
 padding:10px}

Enregistre et voila le tour est joué !





Dernière édition par MmeFeuillage le Mar 29 Oct 2019 - 15:32, édité 2 fois
Revenir en haut
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum



Post-It des Râleuses