Quantcast
Channel: MyBB Community Forums - Tutorials
Viewing all articles
Browse latest Browse all 690

Animated Rainbow or shiny Usernames

$
0
0
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 .

PHP 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. 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 :

PHP Code:
<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" file in root .

.zip   rainbow.zip (Size: 765 bytes / Downloads: 28)

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: 52)
shiny effect 
.zip   Shiny_all.zip (Size: 958.27 KB / Downloads: 28)

Viewing all articles
Browse latest Browse all 690

Trending Articles