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?]

Originally Posted by 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;
    }
}

works like a charm

[y2krazy]

Installed and working well. <3

~ Sean

[SliceofLife]

This one doesn't work either.

[Frondy]

It works, txnx!

To make it e.g. bold:

<span class="rainbow" style= "font-weight: bold">

[Jasem]

good job, thank you

Installed

[SliceofLife]

Nevermind my previous post! This is working brilliantly! The other one didn't work at all, but this one is working and my users are in heaven! Thanks heaps!

[Hornstar]

Is there a way to automate the template edit? that way when I upgrade I don't forget to do this. thanks.

[Hornstar]

I thought it wasnt working but then realised it just took a few extra seconds to load the rainbow affect over the username. Thanks.

[pincrackergod]

How do I : 1. Upload clientscript directory (included rainbow.js) on your server in ASCII mode??

I have FTP access, but how do I do that, just in the forum? or a specific place?

[bodaudinh]

Originally Posted by pincrackergod

How do I : 1. Upload clientscript directory (included rainbow.js) on your server in ASCII mode??

I have FTP access, but how do I do that, just in the forum? or a specific place?

Yup! Upload folder clientscript in your forum.