Username in multiple colors

by Ange Tuteur January 17th 2014, 15:21

Username in multiple colors

This tutorial will allow you to put more colors in the username of a member.

Here are the steps :

1. ) Create a new Javascript

Administration Panel > Modules > Javascript codes management > Create a new Javascript

Remember to tick 'in all the pages'

Copy and paste the following code :

Code:: $(function(){ multiColor(XX, 'MY HTML CODE'); function multiColor(id, html){$('a[href="/u'+id+'"]').not(function(){return $("img",this)[0]}).html(html)} });

2. ) Insert the details of a member into the code

- Replace the 2 "XX" in your code with the ID of a member. This ID can be found on the profile in the address bar after "/u".

Here is an example if we would put Ange Tuteur.

3. ) Put some color into the code

Once you have chosen your colors, you can insert it into your JS code.

Here is an example with my username Ange Tuteur in blue and green.

I have added this code in place of "MY HTML CODE"

Code:: Ange Tuteur

Now simply insert the desired color codes :

Code:: $(function(){ multiColor(88576, 'Ange Tuteur'); function multiColor(id, html){$('a[href="/u'+id+'"]').not(function(){return $("img",this)[0]}).html(html)} });

Then all you need to do is submit and you're done. Smile

If you want to put several usernames in the same color, or different colors you can do the following in your Javascript code :

Simply copy and paste your final code, then modify the information about the member and colors.

The resulting code :

Code:: $(function(){ multiColor(88576, 'Ange Tuteur'); multiColor(46681, 'Black Scorpion'); function multiColor(id, html){$('a[href="/u'+id+'"]').not(function(){return $("img",this)[0]}).html(html)} });