Personnaliser l'affichage des sous-forums

Voir le sujet précédent Voir le sujet suivant Aller en bas

  • 0

Astuce Personnaliser l'affichage des sous-forums

Message par Self le Mer 10 Sep 2014 - 23:41

Personnaliser l'affichage des sous-forums

Cette astuce vous permettra de personnaliser l'affichage des sous-forums sur l'index.

Modification du template

Panneau d'administration Affichage Templates Général

Peu importe la version de votre forum cherchez dans le template Index_box les variables {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}.
Et remplacez-les par :
Code:
<div class="s_forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>

Création du code Javascript

Panneau d'administration Modules HTML & JAVASCRIPT Gestion des codes Javascript

Maintenant créez un nouveau code Javascript sur l'index (Gestion des codes Javascript) :
Code:
$(function() {
   var sep = '/', max_by_line = 3;
   $('.s_forum').each(function() {
      var nth = 0;
      $('a.gensmall', this).each(function(){
         var next = this.nextSibling;
         if (next && next.nodeType == 3 && next.nodeValue == ", ") {
            if (++nth % max_by_line) $(next).replaceWith(sep);
            else $(next).replaceWith('<br>');
         }
      });
   });
});

La personnalisation se passe du côté des variables du code Javascript :
La variable sep définie le nouveau séparateur, il peut être en texte simple ou en HTML (Comment ça marche ?).
La variable max_by_line définie après combien de sous-forums faire un retour à la ligne.

Note : Si vous décidez de mettre max_by_line égale à 0 le résultat sera le même que si max_by_line était égale à 1, le Javascript placera un retour à la ligne après chaque sous-forum.

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum