Change the background in function of the rank

Technical Details

Forum version : #phpBB3
Position : Founder
Concerned browser(s) : Mozilla Firefox
Screenshot of problem : https://i.servimg.com/u/f18/14/92/41/94/scher570.png
Who the problem concerns : Yourself

Description of problem

Can you help me? I want to change the background in function of the rank

I read this tutorial: https://help.forumotion.com/t115828-

How i can do?

That tutorial is based on gender, not rank.  Are you wanting to change the color of the background?

Hi yes i know, i want to use that tutorial for rank... Can i make and exemple?


I write this code:

Code:

$(function() {
     
      var version = "phpBB3";
     
 if(version.toLowerCase() == "phpbb3"){ 
          $(".postprofile img[title='BOT']").closest('.post').prev('.post').addClass("fa_BOT");
          $(".postprofile img[title='Admin']").closest('.post').prev('.post').addClass("fa_ADMIN"); 
      }

    });

And i put this in CSS:

Code:

    .fa_BOT {
      background-color: black;
    }

Are the code correct?

You want to create a background image based on rank... Correct?



-Brandon

The simplest method to understand and use would be this one :

Code:

$(function() {
  $('.rang').closest('.post').addClass('specialPost');
});

In the rank title you should have an element with a class. For example an empty <i> tag with the class "rang."

Code:

<i class="rang"></i>

( Why <i> ? Because the tag name is 1 character )

Then as you can see in the script, we Query ".rang" and add our class "specialPost" to ".post." After this, all you need to do is add some CSS to your stylesheet.

Code:

.specialPost {
  background:red;
}

In short; just change "rang" and "specialPost" to fit that of what you wish.

You are fantastic, thanks very much

It works very good! I mark solved