Forum Display Enhancements - Rainbow (Multicolour) Username for Usergroups

Info:

• Rainbow effect (Multicolour) for Usernames

This simple hack enables to display usernames for any usergroup in random multicolour (rainbow) effect.

Having searched for the same effect for my board unsuccessfully where most of the modifications were for BBCodes, I came up with my own and though of sharing.

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.

Installation:
Time Required: 2 minutes

1. FTP rainbow.js to clientscript directory on your server in ASCII mode

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

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

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

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

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

5. Put start tag as:

<span class="rainbow">

6. Change the end tag to be:

</span>

You're Done! Enjoy!!

Versions:
v1.0 - 10 February 2009
- Rainbow text effect for usernames

I may think of creating a plugin for this if I get time and people ask for it. But for now it is pretty simple and I would prefer having a hack rather than going for a plugin which would increase the load on your board's performance.

A Note: If you are using vbshout.. the effect will not show in the AJAX area. However, it will still display the usernames in the AJAX area and the rainbow effect will be available in shoutbox archive.

:up:Added & hidden bonus is that you can use this hack anywhere where you can use HTML code.. in almost any area you can think of!

[SpaceStar]

Uninstalled.

The same problem as many others. Undefined in IE

[bodaudinh]

Ok, I fixed it for u.
Open file rainbow.js:
Find:

rainText+="<strong><font color=\"#"+colourscheme[c1]+colourscheme[c2]+colourscheme[c3]+colourscheme[c4]+colourscheme[c5]+colourscheme[c6]+"\">"+words[ch]+"</font></strong>";

Replace with:

rainText+="<strong><font color=\"#"+colourscheme[c1]+colourscheme[c2]+colourscheme[c3]+colourscheme[c4]+colourscheme[c5]+colourscheme[c6]+"\">"+words.charAt(ch)+"</font></strong>";

words[ch] ==> words.charAt(ch)

Tested, work for IE.

[SpaceStar]

Originally Posted by bodaudinh

Ok, I fixed it for u.
Open file rainbow.js:
Find:

rainText+="<strong><font color=\"#"+colourscheme[c1]+colourscheme[c2]+colourscheme[c3]+colourscheme[c4]+colourscheme[c5]+colourscheme[c6]+"\">"+words[ch]+"</font></strong>";

Replace with:

rainText+="<strong><font color=\"#"+colourscheme[c1]+colourscheme[c2]+colourscheme[c3]+colourscheme[c4]+colourscheme[c5]+colourscheme[c6]+"\">"+words.charAt(ch)+"</font></strong>";

words[ch] ==> words.charAt(ch)

Tested, work for IE.

Thanks worked fine :up:

[Xencored]

Anyway to get the rainbow text Bold too?

Thanks

[SCSCSC]

Is there any way to make this rainbow text come in the text of the post also..
Or some userfriendly mod that will allow us to specify colors for each group accordingly ?
Thanks

[djvj]

Same problem as rest, this DOES NOT work in IE8. It works fine in FF and even FF 3.5 beta.

Thanks bodaudinh, your edits make it a real rainbow effect and it works in both IE and FF.

Note: I do not have the UGL mod installed, so it's a problem in the code, not just from an addon incompatibility.

[GoTTi]

im getting the following error when i changed the admin usergroup html markup.

[GoTTi]

nevermind i saw the fix.

[aakhan136]

can i use this for Version 3.8.2??

[tunedtech]

right now i already have my user name group color changed but i want the color user group to show under the current active users like what you have. can you help me how can i do this?