Animated Rainbow or shiny usernames

Yondu · 08-06-2017, 06:03 PM

This is not my tutorial but I like the concept of it.

I have tested this out on MyBB 1.8 and it works.
It doesn't work properly in 1.6.18

1) Go to Admin --> templates --> Expand Template --> Ungrouped Templates --> headerinclude and add the following code.

Code:
<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) This next thing is going to give a specific group a rainbow or shiny name.
Go to AdminCP (again) --> User & Groups --> Groups --> your aim group --> Option --> Edit user group --> Username System and insert:

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

You can still change and edit colours for your effect so.

.foo is for rainbow
.bar is for shiny effect

Last step is upload "rainbow.js" into your "jscripts" folder in root.

http://www9.zippyshare.com/v/69xaQQpt/file.html

https://mega.nz/#!UrgwAIbS!Oocstdp_xwiVR...bHeyS09oeI

I hope it works for you people have fun! Smile