Chat World
Would you like to react to this message? Create an account in a few clicks or log in to continue.
Latest topics
» Latest topics put in the header of the forum will more beautiful
Personalize sub-forums display Empty2024-02-26, 18:06 by JENNY

» How did you find us ?
Personalize sub-forums display Empty2024-02-26, 10:16 by PX4EV

» How are you feeling today?
Personalize sub-forums display Empty2024-02-25, 21:38 by APE

» How many notifications did you have when you logged on?
Personalize sub-forums display Empty2024-02-25, 21:37 by APE

» Welcome to PX4EV
Personalize sub-forums display Empty2024-02-25, 21:36 by APE

» What is the weather like where you live?
Personalize sub-forums display Empty2024-02-25, 19:40 by JENNY

» Chat world Maintenance 2023 /24
Personalize sub-forums display Empty2024-02-07, 00:15 by JENNY

» How to post a bug report Video.
Personalize sub-forums display Empty2024-02-03, 23:11 by APE

» Profile Updates
Personalize sub-forums display Empty2024-01-14, 22:18 by APE

Who’s online ?
Guests : 0
Registered : 0
Users Online :
Refresh View All
Our latest publications

Personalize sub-forums display

Go down


Theme Personalize sub-forums display

Post by APE 2023-09-18, 01:15

Personalize sub-forums display

This tutorial will allow you to customize the display of sub-forums on the index of your forum.

Personalize sub-forums display Captur29

Template modification

Administration Panel Personalize sub-forums display Arrow10 Display Personalize sub-forums display Arrow10  Templates Personalize sub-forums display Arrow10  General

Regardless of your forum version, look for the following variables in your Index_box template :

And replace them with :
<div class="s_forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>

Remember to save and publish your template. :add:

Creation of JavaScript

Administration Panel Personalize sub-forums display Arrow10  Modules Personalize sub-forums display Arrow10  HTML & JAVASCRIPT Personalize sub-forums display Arrow10  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
$(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 :
Personalize sub-forums display Captur30

To modify the code look for this part of the JavaScript :
var sep = '/', max_by_line = 3;

Changing max_by_line from 3 to 2 will display the sub-links as :
Personalize sub-forums display Captur31

And changing it to 1 will display them as :
Personalize sub-forums display Untitl13

Changing the / in sep to something like > will change the separator like below.
Personalize sub-forums display Captur32

Now it's your turn Wink

A chat World Official Tutorial
This tutorial was written by SeLfde4Th7 From the French Support forum.
Translated By APE

Mozilla FireFox ®
Gender Male
Posts 3727
Likes Likes : 568
What you talking about?
When you have all the Groups on the site
Introduced Yourself
When you Introduce Yourself on the main forum
You now have 50 Friends
You now have 50 Friends
Forum lover.
for them members who love to post on our forum
Gift Giver
When you give a gift to a member from the Store
Big Spender
You get this as you have spent lots of credits in our store
Forum Pet Owner
You get this award if you own a pet on your profile
Credit store spender
You get this if you buy a item from the store.
The Team Members
If you are staff you will have this icon
Idea's Team
When you come up with Idea's for the forum
Promotion's Members
You are a Promotion's Members
Graphic Designer
You get this award when you are a Graphic Designer
Bug Buster
You helped us fix a bug
10th Year
Member for 10 years
Forum Gamer
for members who play the forum games.
You have gave 300+ likes
You get this award as you have gave 300+ likes
Bday 1
been mentioned in a birthday comment !!
You have 3500+ Posts
You have 3500+ Posts
Tutorial contribution member
Tutorial contribution member
Christmas Award
You get this award if you buy any Christmas item from the store
Theme maker
You have made a theme in the theme forum.
You got 350+ liked posts
You get this when you get 350+ liked posts

Back to top Go down

Back to top

Permissions in this forum:
You cannot reply to topics in this forum
© 2022 - 2024,,
Theme and Images by Ape & Jenny,
Banners by skouliki
Codes by Ape Jenny and Pedxz.