Chat World
Would you like to react to this message? Create an account in a few clicks or log in to continue.
Latest topics
» Reputation bar & Warning bar update.
Personalize sub-forums display Empty2024-06-20, 23:11 by Forum Bot

» How has your week been?
Personalize sub-forums display Empty2024-06-20, 13:13 by APE

» Last thing you did before coming online?
Personalize sub-forums display Empty2024-06-20, 13:12 by APE

» What is your plans for the day ?
Personalize sub-forums display Empty2024-06-20, 13:10 by APE

» How are you feeling today?
Personalize sub-forums display Empty2024-06-20, 13:09 by APE

» What are you going to do this weekend?
Personalize sub-forums display Empty2024-06-20, 13:08 by APE

» What is the weather like where you live?
Personalize sub-forums display Empty2024-06-20, 13:07 by APE

» Morning/afternoon/night
Personalize sub-forums display Empty2024-06-19, 19:18 by APE

» What are / did you have for Dinner today ?
Personalize sub-forums display Empty2024-06-17, 22:25 by APE

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

Personalize sub-forums display

Go down

Administrator

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 :
{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. :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
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 :
Code:
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
APE
APE
Administrator
Administrator

Mozilla FireFox ®
Gender Male
Posts 3855
Likes Likes : 624
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.
Technician
Technician
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, achatworld.co.uk,
Theme and Images by Ape & Jenny,
Banners by skouliki
Codes by Ape Jenny and tikky.