[bmw] Rainbow (Gradient) Username for Usergroups

[bodaudinh]

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 (https://vborg.vbsupport.ru/member.php?u=268729) (Instruction of your mods (https://vborg.vbsupport.ru/showthread.php?t=204838&page=4), 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]

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

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

[DobieGillis?]

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

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

[DobieGillis?]

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]

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.

[Mellymonster]

Um lol ok I followed the directions, and it is not working at all for me...

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

is what I used I see the bold but no rainbow, I upload the js file in the clientscript folder of my ftp under "ASCII" I did the footer and headinclude templates, and its not working :(

[DeadRabbit]

Why are the usernames not able to be seen in rainbow color in Cyb - Chatobox?

[Snug]

any possible way to get this to work with 4.0?

[malipl]

does work to 4.02???

[malipl]

Bump

[fevredsuk]

I get rainbow colours in

currently active list
postbin
profile
usergroup colorbar
mgc chatbox evo archive

I dont get rainbow colours in

active in last 24 hours list
mgc chatbox - main chat page
cyb advanced stats

anyone now why this is and how i can make the last 3 rainbow coloured

thanks

[BirdOPrey5]

Seems like this could easily be made into a bbcode by making a bbcode that says:

<span class="rainbow">{param}</span>

Any reason that wouldn't work if this mod was already installed?

[RobbieZ]

Thanks , working on vb4 with a small edit of mine :D

[fevredsuk]

Thanks , working on vb4 with a small edit of mine :D

what did you edit

[BirdOPrey5]

what did you edit

The only thing different in vb4 would be the line:


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


Which is not the smartest way of doing this anyway, you should just edit it to the URL of your forum, something like:


<script type="text/javascript" src="/forums/clientscript/rainbow.js"></script>


if your forum is in the "/forums/" directory or just:


<script type="text/javascript" src="/clientscript/rainbow.js"></script>


if your forums are in the root. That will work on vb3 or 4.

[s-p0k]

how do you use it as an ...HTML with: <span class="rainbow"> your content </span>

[fevredsuk]

The only thing different in vb4 would be the line:


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


Which is not the smartest way of doing this anyway, you should just edit it to the URL of your forum, something like:


<script type="text/javascript" src="/forums/clientscript/rainbow.js"></script>


if your forum is in the "/forums/" directory or just:


<script type="text/javascript" src="/clientscript/rainbow.js"></script>


if your forums are in the root. That will work on vb3 or 4.

Thankyou. works like it did on vb3 now

dont suppose thers anyway of getting rainbow to show up in chatbox and active in last 24 hours

[BirdOPrey5]

Sorry, I wouldn't know about those. :(

[fevredsuk]

no worries, shows up in last 24 hours list any way this time , but not cb

[Emeralda]

After I did a clean install on the same server and with the same vB install, rainbows suddenly stopped working. I put the .js file back in the clientscript, templates still had the old changes, so I'm not sure what's wrong.

PS. What's that ASCII mode?

[great kitten]

i just see the colour static, and not in movement.