How do you get a group to be rainbow color?

[FBI]

How do you get a group to be rainbow color? like flashing different colors?

 

[Tony]

Tutorial available here:

http://webflake.sx/topic/2765-how-to-cycling-rainbow-username/

The question(s) in this support topic have been answered and the owner has been able to solve the problem. Because of this, the support topic has been closed and moved. If you have other questions, please open a new topic.

[Rooney]

you can get the shadow of a group name.

and you can get a background image for a group..!

I dont think you can get rainbow color

[Aerie Fall]

I'm sure he can select his own colors. He's asking how to do that.

[Guest TobbeE]

http://community.invisionpower.com/topic/336442-tutorial-moving-rainbow-usergroup-names/ maybe this is something similar ...?

 

But maybe it's for an older version of IPB...

 

Step 1

Navigate to Look & Feel > Manage Skin Set and Template > Skin Drop Down > Manage Templates & CSS > GlobalTemplate

Paste this code right above the </head> tag.

<script type="text/javascript">

<!-- Begin

/* Created by: HaganeNoKokoro

Modified to work for Invision Power Board by Timeless */

function toSpans(span) {

var str=span.firstChild.data;

var a=str.length;

span.removeChild(span.firstChild);

for(var i=0; i<a; i++) {

var theSpan=document.createElement("SPAN");

theSpan.appendChild(document.createTextNode(str.charAt(i)));

span.appendChild(theSpan);

}

}

function RainbowSpan(span, hue, deg, brt, spd, hspd) {

this.deg=(deg==null?360:Math.abs(deg));

this.hue=(hue==null?0:Math.abs(hue)%360);

this.hspd=(hspd==null?3:Math.abs(hspd)%360);

this.length=span.firstChild.data.length;

this.span=span;

this.speed=(spd==null?50:Math.abs(spd));

this.hInc=this.deg/this.length;

this.brt=(brt==null?255:Math.abs(brt)%256);

this.timer=null;

toSpans(span);

this.moveRainbow();

}

/*

* sets the colors of the children of [this] as a hue-rotating rainbow starting at this.hue;

* requires something to manage ch externally

* I had to make the RainbowSpan class because M$IE wouldn't let me attach this prototype to [Object]

*/

RainbowSpan.prototype.moveRainbow = function() {

if(this.hue>359) this.hue-=360;

var color;

var b=this.brt;

var a=this.length;

var h=this.hue;

for(var i=0; i<a; i++) {

if(h>359) h-=360;

if(h<60) { color=Math.floor(((h)/60)*b); red=b;grn=color;blu=0; }

else if(h<120) { color=Math.floor(((h-60)/60)*b); red=b-color;grn=b;blu=0; }

else if(h<180) { color=Math.floor(((h-120)/60)*b); red=0;grn=b;blu=color; }

else if(h<240) { color=Math.floor(((h-180)/60)*b); red=0;grn=b-color;blu=b; }

else if(h<300) { color=Math.floor(((h-240)/60)*b); red=color;grn=0;blu=b; }

else { color=Math.floor(((h-300)/60)*b); red=b;grn=0;blu=b-color; }

h+=this.hInc;

this.span.childNodes.style.color="rgb("+red+", "+grn+", "+blu+")";

}

this.hue+=this.hspd;

}

// End -->

</script>

Step 2:

Put this right above the </body> tag in Look & Feel > Manage Skin Set and Template > Skin Drop Down > Manage Templates & CSS > GlobalTemplate

<script type="text/javascript">

var r1=document.getElementById("rainbow"); //get span to apply rainbow

var myRainbowSpan=new RainbowSpan(r1, 0, 360, 255, 50, 18); //apply static rainbow effect

myRainbowSpan.timer=window.setInterval("myRainbowSpan.moveRainbow()", myRainbowSpan.speed);

</script>

Step 3:

Navigate to Members > Manage User Groups > Group Drop down > Edit Group

Find Group Formatting Prefix and put

<span id='rainbow'>

Next find Suffix and put

</span>

And now you will have a nifty little rainbow effect on your forum

Note: You will have to do step 1 and 2 for each skin.

Enjoy

Edited March 13, 2013 by TobbeE

[FlinTY]

http://community.invisionpower.com/topic/336442-tutorial-moving-rainbow-usergroup-names/ maybe this is something similar ...?

 

But maybe it's for an older version of IPB...

 

Step 1

Navigate to Look & Feel > Manage Skin Set and Template > Skin Drop Down > Manage Templates & CSS > GlobalTemplate

Paste this code right above the </head> tag.

<script type="text/javascript">

<!-- Begin

/* Created by: HaganeNoKokoro

Modified to work for Invision Power Board by Timeless */

function toSpans(span) {

var str=span.firstChild.data;

var a=str.length;

span.removeChild(span.firstChild);

for(var i=0; i<a; i++) {

var theSpan=document.createElement("SPAN");

theSpan.appendChild(document.createTextNode(str.charAt(i)));

span.appendChild(theSpan);

}

}

function RainbowSpan(span, hue, deg, brt, spd, hspd) {

this.deg=(deg==null?360:Math.abs(deg));

this.hue=(hue==null?0:Math.abs(hue)%360);

this.hspd=(hspd==null?3:Math.abs(hspd)%360);

this.length=span.firstChild.data.length;

this.span=span;

this.speed=(spd==null?50:Math.abs(spd));

this.hInc=this.deg/this.length;

this.brt=(brt==null?255:Math.abs(brt)%256);

this.timer=null;

toSpans(span);

this.moveRainbow();

}

/*

* sets the colors of the children of [this] as a hue-rotating rainbow starting at this.hue;

* requires something to manage ch externally

* I had to make the RainbowSpan class because M$IE wouldn't let me attach this prototype to [Object]

*/

RainbowSpan.prototype.moveRainbow = function() {

if(this.hue>359) this.hue-=360;

var color;

var b=this.brt;

var a=this.length;

var h=this.hue;

for(var i=0; i<a; i++) {

if(h>359) h-=360;

if(h<60) { color=Math.floor(((h)/60)*b); red=b;grn=color;blu=0; }

else if(h<120) { color=Math.floor(((h-60)/60)*b); red=b-color;grn=b;blu=0; }

else if(h<180) { color=Math.floor(((h-120)/60)*b); red=0;grn=b;blu=color; }

else if(h<240) { color=Math.floor(((h-180)/60)*b); red=0;grn=b-color;blu=b; }

else if(h<300) { color=Math.floor(((h-240)/60)*b); red=color;grn=0;blu=b; }

else { color=Math.floor(((h-300)/60)*b); red=b;grn=0;blu=b-color; }

h+=this.hInc;

this.span.childNodes.style.color="rgb("+red+", "+grn+", "+blu+")";

}

this.hue+=this.hspd;

}

// End -->

</script>

Step 2:

Put this right above the </body> tag in Look & Feel > Manage Skin Set and Template > Skin Drop Down > Manage Templates & CSS > GlobalTemplate

<script type="text/javascript">

var r1=document.getElementById("rainbow"); //get span to apply rainbow

var myRainbowSpan=new RainbowSpan(r1, 0, 360, 255, 50, 18); //apply static rainbow effect

myRainbowSpan.timer=window.setInterval("myRainbowSpan.moveRainbow()", myRainbowSpan.speed);

</script>

Step 3:

Navigate to Members > Manage User Groups > Group Drop down > Edit Group

Find Group Formatting Prefix and put

<span id='rainbow'>

Next find Suffix and put

</span>

And now you will have a nifty little rainbow effect on your forum

Note: You will have to do step 1 and 2 for each skin.

Enjoy

doesn't work i have tried this hundred of times and never worked and this is easy to add to global templates before anyone starts saying have you put it in the right place