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!

[Mellymonster]

Originally Posted by bodaudinh

Replace this code for rainbow.js. ^^ It'll be cool...

/**
Rainbow Text
**/
function RGB2Color(r,g,b)
{
  return '#' + byte2Hex(r) + byte2Hex(g) + byte2Hex(b);
}

function byte2Hex(n)
{
  var nybHexString = "0123456789ABCDEF";
  return String(nybHexString.substr((n >> 4) & 0x0F,1)) + nybHexString.substr(n & 0x0F,1);
}


function colorText(str,phase)
{
	var result="";
  if (phase == undefined)
    phase = 0;
  center = 128;
  width = 127;
  frequency = Math.PI*2/str.length;
  for (var i = 0; i < str.length; ++i)
  {
     red   = Math.sin(frequency*i+2+phase) * width + center;
     green = Math.sin(frequency*i+0+phase) * width + center;
     blue  = Math.sin(frequency*i+4+phase) * width + center;
     result += ( '<font color="' + RGB2Color(red,green,blue) + '">' + str.substr(i,1) + '</font>');
  }
  return result;
}

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;
    }
}

Use same as this mod...

<span class="rainbow">

add to footer//

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

>> http://mytam.info/forum/member.php?u=50973


I have same as ideas by my sister, she asked me take her nickname has rainbow color... ^^

I would love to use this, but its not working correctly.

[Mellymonster]

Ok I got the above to work, but now I'm having a problem with some of my members names does not catch it... Any idea what can be causing this?

[n.sinha.p]

Originally Posted by Mellymonster

Ok I got the above to work, but now I'm having a problem with some of my members names does not catch it... Any idea what can be causing this?

Did you use the js file I supplied or the one supplied by bodaudinh? If it is the code given by Bodaudinh, then sorry I do not own the code and hence would not be able to support. Try sending a PM to him. If it is about the code that I've posted, let me know the exact problem and I'll try to resolve it.

[celikforum]

my problemm

[DannyC55]

Users using IE are saying it doesn't work for them. It comes up undefined....
Please sort this.

[Neptun]

i have a problem with this hack

i installed everything like in the description ... but aber i change the tag in the usergroup

-> instead of the username is there "undefinedundefinedundefinedundefinedundefined "

what is going wrong or where is the probleme ?!


in IE i have the big problem - in firefox it works fine - what i have done wrong ?! (((

[DobieGillis?]

Originally Posted by YantieDan

Users using IE are saying it doesn't work for them. It comes up undefined....
Please sort this.

it's an IE killer....

[DobieGillis?]

Originally Posted by Neptun

i have a problem with this hack

i installed everything like in the description ... but aber i change the tag in the usergroup

-> instead of the username is there "undefinedundefinedundefinedundefinedundefined "

what is going wrong or where is the probleme ?!


in IE i have the big problem - in firefox it works fine - what i have done wrong ?! (((

nothing, it just doesn't work with IE...I uninstalled it

[Neptun]

has the coder no idea to fix the problem ?!

[n.sinha.p]

This is not compatible with usergroup legend hack.. I am working on making it a full blown mod so that it would change all the required templates.