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

.zip   rainbow.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   Rainbow_all.zip (Size: 935.46 KB / Downloads: 436)
shiny effect 
.zip   Shiny_all.zip (Size: 958.27 KB / Downloads: 376)
Reply
#2
Woah this works, thanks man
Reply
#3
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
Reply
#4
(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
Reply
#5
really cool! i might use this in the future
Reply
#6
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
Reply
#7
big work thanks
Reply
#8
only works on default anybody know how to work with others themes
Reply
#9
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!
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)