Jump to content

Rainbow as Group Format

Featured Replies

Posted
  • Administrators

Will give you a short tutorial here on how to have a Rainbow as a Group Styling.

  1. Go to AdminCP
  2. Select Customization
  3. Choose your Theme
  4. Click on Edit HTML and CSS
  5. From Templates select globalTemplate
  6. Add the following code under the </body>
  7. <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>

     

  8. After pasting the following code, go to Members and select Groups

  9. Click the Edit button on the group you wish to have Rainbow Format

  10. Paste the following code in the Group Formatting field

  11. <span style='color:#ff0000;font-weight:bold;'><span name="Rainbow">
  12. After pasting the code, paste this into the Group Name field 
    </span>

     

  13. Click the Save button

  14. RAINBOW!

Archived

This topic is now archived and is closed to further replies.