IPS Suite How to create a Sparkbow

[Haim]

Go to Admin Panel-Appearance-Style-Styles and Templates-Your Style-globalTemplate
The code can be added after as in the screenshot

<script>
var speed=80
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
function changetext(){
for(i=0;i<document.getElementsByName("Rainbow").length;i++){
var storetext=document.getElementById? document.getElementsByName("Rainbow")[i] : document.all.highlight
rainbow="#"+hex[r]+hex[g]+hex[b]
storetext.style.color=rainbow
}
}
function change(){
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
changetext()
}
function starteffect(){
if (document.all||document.getElementById)
flash=setInterval("change()",speed)
}
starteffect()
</script>

Add the code to custom.css at the very bottom:

/* Membership Color Group /Color is in hex /change anything you want and suit your needs/ i have included only two groups here, you can incude as many as you want */
.Youranygroup {
background: url(link to sparkle gif);
color: #00fffa;
font-weight: bold;
text-shadow: 2px 0px 11px #00ffe5;
}

.Youranygroup {
background: url(link to sparkle gif);
color: #f93647;
font-weight: bold;
text-shadow: 2px 0px 11px #f93647;
}

Go to Admin Panel-Users-User Groups



Add:

<span name="Rainbow" class="youranygroup">

close suffix

</span>