Staff colors without changing them in the editor

Technical Details

Forum version : #ModernBB
Position : Founder
Concerned browser(s) : Google Chrome
Who the problem concerns : All members
Forum link : https://community.eupd.org.uk

Description of problem

Hello all,

I was hoping for somewhere you could point me to, possibly a tutorial or somewhere I can learn how to change staff colours, so for example, in a topic message a staff member is a purple colour in their text. I want to do this with code instead of having to do it from the text editor, so the code would automatically change the staffs colours to purple for example.

Good evening,
read the tutorial: Organizing Groups / Colors in Legend

You may also be interested:
Group's style on legend: glitter, icon & glow
Customize usernames according to group

Razor12345 wrote:Good evening,
read the tutorial: Organizing Groups / Colors in Legend

You may also be interested:
Group's style on legend: glitter, icon & glow
Customize usernames according to group

I believe the member means text in messages, not usernames.

SLGray wrote:

Razor12345 wrote:Good evening,
read the tutorial: Organizing Groups / Colors in Legend

You may also be interested:
Group's style on legend: glitter, icon & glow
Customize usernames according to group

I believe the member means text in messages, not usernames.

That is correct, I meant in text messages, without having to keep changing it in the text editor.

hi
code java
Placement : In the topics

Code:

(function($) {
    'use strict';
 
    $(function() {
        $('.post-wrap').each(function() {
            var $post = $(this);
          var color = $post.find('[style="color:xxxx"]').css('color');
 
            if (!color.length) return;
            $post
               
                .find('.post-content')
                .css({
                    'color': 'yyyy'
                });
        });
 
    });
})(jQuery);

Replace

Code: xxxx

with the color of the group


Replace

Code: yyyy

with the text color you want to be for the group


version AwesomeBB

كونان2000 wrote:hi
code java
Placement : In the topics

Code:

(function($) {
    'use strict';
 
    $(function() {
        $('.post-wrap').each(function() {
            var $post = $(this);
          var color = $post.find('[style="color:xxxx"]').css('color');
 
            if (!color.length) return;
            $post
               
                .find('.post-content')
                .css({
                    'color': 'yyyy'
                });
        });
 
    });
})(jQuery);

Replace

Code: xxxx

with the color of the group


Replace

Code: yyyy

with the text color you want to be for the group


version AwesomeBB

Thanks for this, but unfortunately, that did not work. The text color is still the same.

hi
new java code
I added to it the color of your forum group
https://community.eupd.org.uk/t7-my-introduction

Code:

(function($) {
    'use strict';
 
    $(function() {
        $('.post-wrap').each(function() {
            var $post = $(this);
          var color = $post.find('[style="color:#744DB3"]').css('color');
 
            if (!color.length) return;
            $post
                
                .find('.post-content')
                .css({
                    'color': '#744DB3'
                });
        });
 
    });
})(jQuery);

Check the java settings

Hi, still didn't unfortunately. Here's the settings.

Edit: It's changing everything else, but the text its self in a message.

I'm sorry, I made a mistake in editing the code

Try the following new code

Code:

(function($) {
    'use strict';
 
    $(function() {
        $('.post-wrap').each(function() {
            var $post = $(this);
          var color = $post.find('[style="color:#744DB3"]').css('color');
 
            if (!color.length) return;
            $post
               
                .find('.post-content')
                .css({
                    'color': '#744DB3'
                });
        });
 
    });
})(jQuery);

Thank you, how do I do, different colors for different ranks please?

Edit: It seems to be working only on a certain thread, please can you advise on what to do next? Thank you.

hi

We'll make a new one, wait for me tomorrow

كونان2000 wrote:hi

We'll make a new one, wait for me tomorrow

As you can see from the tests I have done, it's no longer working for administrators now either, It just seems to be old messages. Thanks!

hi @eupdorguk

code java
Placement : In the topics

Code:

$(function() {
var pseudos_couleur = ["xxxx","xxxx"];
var color_texte_admin = "yyyy";
  function estPseudoCouleur(pseudo){
  for(i=0;i<pseudos_couleur.length;i++){   
    if(pseudo == pseudos_couleur[i]){        return true;      }  }  return false;}
$(function() { 
  $("span.post-author-name strong").each(function(){ 
    if(estPseudoCouleur($(this).text())){   
    $(this).parents(".post-body").find(".post-content").css('color',color_texte_admin);
    }  });});
 
  });


$(function() {
var pseudos_couleur = ["xxxx","xxxx"];
var color_texte_admin = "yyyy";
  function estPseudoCouleur(pseudo){
  for(i=0;i<pseudos_couleur.length;i++){   
    if(pseudo == pseudos_couleur[i]){        return true;      }  }  return false;}
$(function() { 
  $("span.post-author-name strong").each(function(){ 
    if(estPseudoCouleur($(this).text())){   
    $(this).parents(".post-body").find(".post-content").css('color',color_texte_admin);
    }  });});
 
  });



$(function() {
var pseudos_couleur = ["xxxx","xxxx"];
  var color_texte_admin = "yyyy";
  function estPseudoCouleur(pseudo){
  for(i=0;i<pseudos_couleur.length;i++){   
    if(pseudo == pseudos_couleur[i]){        return true;      }  }  return false;}
$(function() { 
  $("span.post-author-name strong").each(function(){ 
    if(estPseudoCouleur($(this).text())){   
    $(this).parents(".post-body").find(".post-content").css('color',color_texte_admin);
    }  });});
 
  });

Replace

Code: xxxx

with usernames

Replace

Code: yyyy

with the text color you want


Put the text color you want below the usernames
as in the picture

Unfortunately, these codes did not work.

Hello @eupdorguk,

كونان2000 wrote:hi
code java
Placement : In the topics

Code:

(function($) {
    'use strict';
 
    $(function() {
        $('.post-wrap').each(function() {
            var $post = $(this);
          var color = $post.find('[style="color:xxxx"]').css('color');
 
            if (!color.length) return;
            $post
               
                .find('.post-content')
                .css({
                    'color': 'yyyy'
                });
        });
 
    });
})(jQuery);

version AwesomeBB

Remove all scripts and replace by

Code:

(function($) {
    'use strict';
 
    $(function() {
        $('.post-wrap').each(function() {
            var $post = $(this);
          var color = $post.find('.post-author-name [style]').css('color');
 
            if (!color.length) return;
            $post
             
                .find('.post-content')
                .css({
                    'color': color
                });
        });
 
    });
})(jQuery);

You're both genius' thank you so much, this is solved now!

eupdorguk wrote:Unfortunately, these codes did not work.

a stranger

The code works in my test forum

topic marked as solved

Problem solved & topic archived. Please read our forum rules: ESF General Rules