color fade text

[jlbrown81]

what do i need to do so my members can have color fade texts in our shout box?

[ozzy47]

You would need to ask in the thread where you downloaded the shout box from. Any questions/issues with mods/styles need to be handled in the mods/styles thread.

[jlbrown81]

its not a mod that im looking for its simply a code that u add to a users user groups settings i have used it before but cant remember where i got it from

[omardealo]

1. In Style Manager -> All Style Options edit the headinclude Template for each style
At the bottom add:

PHP Code:

<script type="text/javascript">
function makeHex()
{
  this.length = 16;
     this[1]  = "0";
     this[2]  = "1";
     this[3]  = "2";
     this[4]  = "3";
     this[5]  = "4";
     this[6]  = "5";
     this[7]  = "6";
     this[8]  = "7";
     this[9]  = "8";
     this[10] = "9";
     this[11] = "A";
     this[12] = "B";
     this[13] = "C";
     this[14] = "D";
     this[15] = "E";
     this[16] = "F";
     return this;
}
newHex = new makeHex();

function con2hex (x)
{
     if( x < 17)
          x = 16;
     var top = (x / 16);
     var sub = top + '';
     sub = sub.substring (0, 2);
     top = parseInt (sub, 10);
     var before = newHex[top + 1];
     var bot = x - top * 16;
     if (bot < 1)
        bot = 1;
     sub = bot + '';
     sub = sub.substring (0, 2);
     bot = parseInt (sub, 10);
     var after = newHex[bot + 1];
     var thestring = before + '' + after;
     return thestring;
}

  function fadeText (intext)
{
     intext = intext.substring (0, intext.length);
     colorx = 255;
     z = colorx / intext.length;
     for (var i = 0; i < intext.length; i++)
     {
        colorx = 255 * Math.sin (i / (intext.length / 3));
        colory = con2hex (colorx);
        colorz = z * i;
        colorw = con2hex(colorz);
        k = intext.length;
        j = k - i;
        if(j < 0)
           j = 0;
        coloru = z * j;
        colorv = con2hex(coloru);
        document.write("<font color=\"#" + colorv + colory + colorw + "\">" + intext.substring(i, i + 1) + "</font>")
     }
}
</script> 


2.Add a new BBCode

Title: Text Fade
BB Code Tag Name: fade
Replacement:

PHP Code:

<script>fadeText("{param}");</script> 


Example: [fade]This code fades text in a rainbow.[/fade]
Note- the example won't work in Admin CP because the standard header is not loaded, but it will work in your forum.

Description: This uses javascript to make a smooth rainbow effect in text.
Use Option: No
Button Image: (optional) attached.
Remove Tag If Empty: Yes
All Disable Options: Yes except disable word wrapping: No