Personalize sub-forums display [All version's]

[Ape]

 Personalize sub-forums display 

This tutorial will allow you to customize the display of sub-forums on the index of your forum. Template modification Administration Panel Display  Templates  General Regardless of your forum version, look for the following variables in your Index_box template : {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} And replace them with : Code: <div class="s_forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div> Remember to save and publish your template. Creation of JavaScript Administration Panel  Modules  HTML & JAVASCRIPT  JavaScript codes management Make sure javascript code management is enabled, and create a new script. Title : what ever you like Placement : In the home page Add the following Code 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>');       }       });     });   }); You can customize the code by editing the following variables : Right now max_by_line is set to 3, so this is what it will look like : To modify the code look for this part of the JavaScript : Code: var sep = '/', max_by_line = 3; Changing max_by_line from 3 to 2 will display the sub-links as : And changing it to 1 will display them as : Changing the / in sep to something like > will change the separator like below. Now it's your turn

This tutorial was written by SeLfde4Th7 From the French forum Translated By @APE