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 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.

Personnaliser l'affichage des sous-forums Sf10

Modification du templates Index_box


La modification des templates n'est pas une opération à prendre à la légère. Elle requiert, au minimum, de bonnes connaissances du langage HTML. En outre, seul le fondateur du forum est habilité à en modifier les templates.

Panneau d'administration  Affichage  Templates - Général

Editez le template Index box en cliquant sur l'icône edit face au templates correspondant.

  1. Recherchez la ligne {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}

  2. Remplacez la ligne correspondante par le code suivant :

    Code:
    <div class="s_forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>


Cliquez sur le bouton :enreg: afin de sauvegarder les modifications puis sur le bouton Ajout afin de publier le templates modifié.

Insertion du script


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

Assurez-vous que la gestion des codes Javascript soit activée, puis créez un nouveau javascript ayant pour titre "Personnaliser l'affichage des sous-forums" et pour placement "Sur l'index" (plus d'informations sur la gestion des scripts).

Code:
$(function() {
  var sep = '/', max_by_line = 2;
  $('.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>');
        }
      });
  });
});

Dans ce script, il convient de paramétrer les éléments suivants :

  • sep : cette variable définie le nouveau séparateur, il peut être en texte simple ou en HTML (Comment ça marche ?).

  • max_by_line : cette variable après combien de sous-forums faire un retour à la ligne. 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 script placera un retour à la ligne après chaque sous-forum.


N'oubliez pas de cliquer sur le bouton Valider pour sauvegarder les modifications.

Self

Self
Membre actif

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

Voir le profil de l'utilisateur https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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