Add a ranks to your forum automatically

[كونان2000]

Hello everyone
This trick allows you to show your forum's rank

:It works on all versions of the forum
_____________________________________

Such as member rank in a profile
Every time a member's number of contributions increases, his rank increases
-------
With this trick you can do the same for your forum
The more contributions a forum has, the higher its rank
The more members the forum has, the greater the number of crowns

All this happens automatically ,

There are five ranks in the code

First rank: 1000 contributions
Normal forum ★

Second rank: 10,000 contributions
Active forum ★★

Third rank: 100,000 contributions
Very active forum ★★★

Fourth rank: 500,000 contributions
Very super active forum ★★★★

Fifth rank: 1,000,000 contributions
An active and legendary forum ★★★★★
----------------------------------------------

+

The code was created to place a crown image for every 1,000 registered members,
If your forum has 3,000 members, the number of crowns will be three

Every time 1000 members register, the number of crowns increases.
One crown for every 1000 members
----------------------------------------------

Installing the JavaScript
__________________________________________________________________________

Title * : as you like
Placement : In all the pages or In the home page

Code:

(function() {
$(document).ready(function(){
    var ranktop = parseInt($(".USERS-Forum-rank-stsr strong").text());
    var starsCount = Math.floor(ranktop / 1000);
    var starsHTML = '';
    for (var i = 0; i < starsCount; i++) {
        starsHTML += '<span style="color: #E91E63 !important;font-size: 20px !important;"><img src="https://i.servimg.com/u/f20/16/85/77/67/images10.png" /></span>';
    }
    $(".USERS-Forum-rank").append(starsHTML);
});

$(document).ready(function(){
    var rangtopt = parseInt($(".post-Forum-rank-stsr strong").text());
    var starsHTML = '';

    if (rangtopt >= 1000) {
        starsHTML = '<span style="color: yellow !important;font-size: 20px !important;">Normal forum ★</span>';
        $(".post-Forum-rank").html(starsHTML);
    }

    if (rangtopt >= 10000) {
        starsHTML = '<span style="color: #000 !important;font-size: 20px !important;">Active forum ★★</span>';
        $(".post-Forum-rank").html(starsHTML);
    }

    if (rangtopt >= 100000) {
        starsHTML = '<span style="color: red !important;font-size: 20px !important;">Very active forum ★★★</span>';
        $(".post-Forum-rank").html(starsHTML);
    }

    if (rangtopt >= 500000) {
        starsHTML = '<span style="color: red !important;font-size: 20px !important;">Very super active forum ★★★★</span>';
        $(".post-Forum-rank").html(starsHTML);
    }

    if (rangtopt >= 1000000) {
        starsHTML = '<span style="color: green !important;font-size: 20px !important;">An active and legendary forum ★★★★★</span>';
        $(".post-Forum-rank").html(starsHTML);
    }

});


document.write('<style type="text/css">.USERS-Forum-rank-stsr,.post-Forum-rank-stsr {
    font-size: 0;
}
.USERS-Forum-rank img {
    width: 70px;
}
.post-Forum-rank-ا2 {
    text-align: center;
    padding: 5px;
    color: #020202;
    background: #ffffff;
    border: solid #00000047 1px;
}
.USERS-Forum-rank-ا2 {
    width: fit-content;
    padding: 7px;
    color: #020202;
    background: #fff;
    border: solid #00000047 1px;
    border-bottom: 0;
    border-radius: 22px 22px 0px 0px;
} </style>');
// by: كونان2000
//Using artificial intelligence
})();


Save the script


   Modification of index_body template
__________________________________________________________________________

Go to Administration Panel > Display > Templates > General > and open the template index_body

Add this to the Beginning of the template :

Code:

      <div align="center">
    <div class="USERS-Forum-rank-ا2">
          <div class="USERS-Forum-rank"></div>
    </div>
  <div class="post-Forum-rank-ا2">
<div class="post-Forum-rank"></div>
    </div>
  <!-- BEGIN disable_viewonline -->
 <div class="USERS-Forum-rank-stsr">{TOTAL_USERS}</div>
 <div class="post-Forum-rank-stsr">{TOTAL_POSTS}</div>
  <!-- END disable_viewonline -->
  </div>
  

Save and publish

-----------------------------------------------------------------------


Making an adjustment to the number of ranks and contributions

click here:

Make an adjustment to the number of members

click here:

[Obscure]

Nice contribution! Nice idea! I like it!

[كونان2000]

Nice contribution! Nice idea! I like it!

Thanks Obscure ^^
I'm glad you liked it (●'◡'●)

[Ape]

Hi can this be used on all versions of our forums ?

If now then you must state this in your first post.

[كونان2000]

Hi can this be used on all versions of our forums ?

If now then you must state this in your first post.

hi Ape
Yes, it works on all versions of the forum

My first post has been edited

[TonnyKamper]

Very nice job 

[كونان2000]

Thanks @TonnyKamper ^^
I'm glad you liked it