Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
[For 1.8] Animated Rainbow or shiny Usernames
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>
$(function() {
$('.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);']});});

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 .

.zip (Size: 765 bytes / Downloads: 538)

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

see movies:
rainbow effect 
.zip (Size: 935.46 KB / Downloads: 436)
shiny effect 
.zip (Size: 958.27 KB / Downloads: 376)
Woah this works, thanks man
This user has been denied support. This user has been denied support.
Any screenshots for it? It would be much appreciated if you'll show us a preview for it. Smile
(02-20-2016, 06:26 AM)jaydee9296 Wrote: Any screenshots for it? It would be much appreciated if you'll show us a preview for it. Smile

look at movies attachments...
Owner of ForumAnime.PT
really cool! i might use this in the future
I like the shinny one Smile +rep
I got this working on the default theme but can't get it to work on my normal theme duende2  Huh
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


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

Forum Jump:

Users browsing this thread: 1 Guest(s)