MyBB Tutorials

Animated Rainbow or shiny usernames

Submitted by Yondu, , Thread ID: 35936

Thread Closed
08-06-2017, 06:03 PM
#1
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.




I hope it works for you people have fun! Smile
This hidden content has been reported as still working 0 times this month.
2 times in total
[Image: wsUuw16j6oyxLLRnnK.gif]

RE: Animated Rainbow or shiny usernames

#2
This is super cool. Tried it and it works great

RE: Animated Rainbow or shiny usernames

#3
Nice work. No hide tags :O Generous ass man.

Ignorance is bliss.
Knowledge is power.
1

RE: Animated Rainbow or shiny usernames

#4
Thanks helpful for my new BB.
-

RE: Animated Rainbow or shiny usernames

This post was last modified: 30-06-2017, 04:55 AM by Aurora
#5
They are both rainbow zip Yondu

edit:I'm just a retard LOL

Ignorance is bliss.
Knowledge is power.
1

RE: Animated Rainbow or shiny usernames

#6
Thanks a lot! Looks awesome

RE: Animated Rainbow or shiny usernames

#7
Thank you!

_------------------------- 50 characters lol ------------------------_

RE: Animated Rainbow or shiny usernames

#8
Adds a nice touch to my forums, thank you for this tutorial.

RE: Animated Rainbow or shiny usernames

#9
awesome work my suggest sparkle on text its more beautiful ....
[Image: signature.jpg]

RE: Animated Rainbow or shiny usernames

This post was last modified: 05-07-2019, 09:03 PM by Mob
#10
thank you for the contribution! really appreciate it from the bottom of my heart.

Yondu this isnt working for me, can you please help me?

Users browsing this thread: