Randomize name color

I know it's possible to make a color change with each refresh using JS, but is there any way to apply this to a username maybe?

if the user is in a group. then its close to impossible without heavy coding.

It's possible, you'll just need to use JavaScript to apply a random class. For example :

Go to Modules > JavaScript codes management > New script

Placement : In all the pages

Code:

$(function() {
  var users = {
    'u1' : ['style_1', 'style_2', 'style_3'],
    'u2' : ['style_3'],
    'u3' : ['style_1', 'style_2']
  },
  a = document.getElementsByTagName('A'), i = 0, j = a.length, k;
 
  for (; i < j; i++) for (k in users) if ($(a[i]).attr('href') == '/' + k) a[i].className += ' ' + users[k][Math.floor(Math.random() * users[k].length)]
});

The script above will apply a random class to users 1 and 3, whereas user 2 is stuck with .style_3. The strings in the arrays are just random classnames for the example. You can change them to whatever you want.

Then you just have to write some styles for your classnames..

Code:

.style_1, .style_1 > span { color:red !important }
.style_2, .style_2 > span { color:green !important }
.style_3, .style_3 > span { color:blue !important }

That worked, thank you!

You're welcome !

Topic archived