MyBB Community Forums

I will be showing you how to make a specific group have rainbow or shiny usernames for mybb 1.8 (tested in 1806).

Note1: First of all see movies in attachments.
Note2: I tested in 1.6.18 and it dont work properly.


1- Go to Admin Control Panel >>> Templates >>> Ungrouped Templates >>> headerinclude >>> and add the following code in it .

<script src="{$mybb->settings['bburl']}/jscripts/rainbow.js"></script>
<script>
$(function() {
$('.foo').rainbow({animate:true,animateInterval:120,colors:['##ff0000','#ff4000','#ff8000','#ffbf00','#ffff00','#bfff00','#80ff00','#40ff00','#00ff00','#00ff40','#00ff80','#00ffbf','#00ffff','#00bfff','#0080ff','#0040ff','#0000ff','#4000ff','#8000ff','#bf00ff','#ff00ff','#ff00bf','#ff0080','#ff0040','#ff0000']});
$('.bar').rainbow({animate:true,animateInterval:200,pauseLength:500,pad:true,colors:['rgb(153, 204, 255);','rgb(173, 224, 255);','rgb(193, 244, 255);','rgb(213, 264, 255);','rgb(193, 244, 255);','rgb(173, 224, 255);','rgb(153, 204, 255);']});});
</script>

2. Next this is to give a specific group a rainbow or shiny name.
Go to Admin Control Panel >>> Users & Groups >>>Groups >>> your aim group >>>Option>>Edit user group>>Username Style -----> And insert :

<i><span class ="foo" style="font-weight: bold; color:#27A727;">{username}</span></i>

Note3: ".foo" is for rainbow and ".bar" is for shiny effect . you can change and edit colors for your effect and share here for other people.

3. Upload " rainbow.js" into your "jscripts" folder in root .
[attachment=35819]

Now whatever group you picked will now have a rainbow or shiny colored username.

see movies:
rainbow effect  [attachment=35817]
shiny effect  [attachment=35818]

Woah this works, thanks man

Any screenshots for it? It would be much appreciated if you'll show us a preview for it.

(2016-02-20, 06:26 AM)jaydee9296 Wrote: [ -> ]Any screenshots for it? It would be much appreciated if you'll show us a preview for it.

look at movies attachments...

I like the shinny one +rep
I got this working on the default theme but can't get it to work on my normal theme duende2 

big work thanks

only works on default anybody know how to work with others themes

I got this working on my custom theme, thanks a lot!

Is there anyway the flashing rainbow username could be slowed down?

I figured this one out myself, if you want to change the speed of the colors cycling all you have to do is go into the code and change this part

$('.foo').rainbow({animate:true,animateInterval:120,colors:

change the 120 lower if you want it faster and higher if you want it slower, hope this helps someone!

Is it possible to combine foo with bar so the rainbow-text is shiny?