Forum Display Enhancements - [bmw] Rainbow (Gradient) Username for Usergroups

This simple hack enables to display usernames for any usergroup in rainbow effect.

Please note that since it is based on pure HTML and JavaScript and in no way uses any BBcode of VB function/hooks, this is compatible with all versions of vBulletin.

You can use it as HTML with: <span class="rainbow"> your content </span>

Installation:
Time Required: 3 minutes

1. Upload clientscript directory (included rainbow.js) on your server in ASCII mode

2. Open headinclude template and add the following code at any reasonable place:
Code:

<script type="text/javascript" src="$vboptions[bburl]/clientscript/rainbow.js"></script>

3. Open footer template and add the following code at the bottom:
Code:

<!-- rainbow text initialize -->
<script type="text/javascript"> 
<!--
nickmausac('rainbow');
//  End -->
</script>
<!-- rainbow text end -->

4. Open the Usergroup Manager throug ACP and edit the desired user group.

4.1 -Put start tag as:
Code:

<span class="rainbow">

4.2 Change the end tag to be:
Code:

</span>

You're Done! Enjoy!!

Thanks:
- jim bumgardner (http://krazydad.com/makecolors.php)
- n.sinha.p (Instruction of your mods, my English's bad )

[DobieGillis?]

does this one work in IE?

[DobieGillis?]

works under IE but all usernames have exactly the same colors in order, no variations.

[bodaudinh]

Please check it, with your IE
=> http://mytam.info/forum/member.php?u=50973

If u got problem, plz PM or post your link, I'll check & fix 2u.

[bodaudinh]

Originally Posted by DobieGillis?

works under IE but all usernames have exactly the same colors in order, no variations.

Close tag </span> (step. 4.2) ? in Usergroup

[DobieGillis?]

Originally Posted by bodaudinh

Please check it, with your IE
=> http://mytam.info/forum/member.php?u=50973

If u got problem, plz PM or post your link, I'll check & fix 2u.

It works with IE, no problems, just no variations in the user colors.

[DobieGillis?]

Originally Posted by bodaudinh

Close tag </span> (step. 4.2) ? in Usergroup

yes sir. The names are all in different colors, not the problem. It's just that they all follow the same color span, they start with light green and go from there, same pattern for all.

[DobieGillis?]

they look exactly like your screen shot. I remember the first Rainbow script would vary the colors in the names each time you refreshed,

[bodaudinh]

If you want to variations in your color, you can do follow instruction below:

Edit file rainbow.js:

find Line 44:

function nickmausac(classname){
var txtValue = "";
    var b = getElementsByClassName(classname);

    for ( var i = 0; i < b.length; i++ ) {
        txtValue = colorText(b[i].innerHTML,1);
        b[i].innerHTML = txtValue;
    }
}

Change :

txtValue = colorText(b[i].innerHTML,1);

To (1 => i):

txtValue = colorText(b[i].innerHTML,i);

Result:

function nickmausac(classname){
var txtValue = "";
    var b = getElementsByClassName(classname);

    for ( var i = 0; i < b.length; i++ ) {
        txtValue = colorText(b[i].innerHTML,i);
        b[i].innerHTML = txtValue;
    }
}

[DobieGillis?]

thank you