Rainbow colored username - Rainbow Glow Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
3 posters

    Rainbow Glow

    Kfalash
    Kfalash
    New Member


    Female Posts : 24
    Reputation : 1
    Language : English

    Solved Rainbow Glow

    Post by Kfalash Mon 23 May - 0:12

    Does anyone know a CCS code for a rainbow glow? If not then maybe one that has a multiple color glow? Thanks for any help.


    Last edited by Kfalash on Thu 26 May - 0:05; edited 1 time in total
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13207
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania

    Solved Re: Rainbow Glow

    Post by Ange Tuteur Mon 23 May - 11:00

    Hey,

    Something like this or ..?
    Kfalash
    Kfalash
    New Member


    Female Posts : 24
    Reputation : 1
    Language : English

    Solved Re: Rainbow Glow

    Post by Kfalash Mon 23 May - 14:51

    That would work, I guess I should've been a little more specific sorry XD
    Is there a way so that you could put that on a member's name as a glow?
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13207
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania

    Solved Re: Rainbow Glow

    Post by Ange Tuteur Mon 23 May - 16:38

    Of course. Wink

    Go to Admin panel > Display > Colors > CSS stylesheet paste the following code in your sheet and submit :
    Code:
    @-webkit-keyframes rainbow {
      from {
        text-shadow:
          0.04em 0.04em #ff0000,
          0.08em 0.08em #ff7f00,
          0.12em 0.12em #ffff00,
          0.16em 0.16em #00ff00,
          0.20em 0.20em #0000ff,
          0.24em 0.24em #4b0082,
          0.28em 0.28em #8f00ff;
      }
      15% {
        text-shadow:
          0.04em 0.04em #8f00ff,
          0.08em 0.08em #ff0000,
          0.12em 0.12em #ff7f00,
          0.16em 0.16em #ffff00,
          0.20em 0.20em #00ff00,
          0.24em 0.24em #0000ff,
          0.28em 0.28em #4b0082;
      }
      30% {
        text-shadow:
          0.04em 0.04em #4b0082,
          0.08em 0.08em #8f00ff,
          0.12em 0.12em #ff0000,
          0.16em 0.16em #ff7f00,
          0.20em 0.20em #ffff00,
          0.24em 0.24em #00ff00,
          0.28em 0.28em #0000ff;
      }
      45% {
        text-shadow:
          0.04em 0.04em #0000ff,
          0.08em 0.08em #4b0082,
          0.12em 0.12em #8f00ff,
          0.16em 0.16em #ff0000,
          0.20em 0.20em #ff7f00,
          0.24em 0.24em #ffff00,
          0.28em 0.28em #00ff00;
      }
      60% {
        text-shadow:
          0.04em 0.04em #00ff00,
          0.08em 0.08em #0000ff,
          0.12em 0.12em #4b0082,
          0.16em 0.16em #8f00ff,
          0.20em 0.20em #ff0000,
          0.24em 0.24em #ff7f00,
          0.28em 0.28em #ffff00;
      }
      75% {
        text-shadow:
          0.04em 0.04em #ffff00,
          0.08em 0.08em #00ff00,
          0.12em 0.12em #0000ff,
          0.16em 0.16em #4b0082,
          0.20em 0.20em #8f00ff,
          0.24em 0.24em #ff0000,
          0.28em 0.28em #ff7f00;
      }
      90% {
        text-shadow:
          0.04em 0.04em #ff7f00,
          0.08em 0.08em #ffff00,
          0.12em 0.12em #00ff00,
          0.16em 0.16em #0000ff,
          0.20em 0.20em #4b0082,
          0.24em 0.24em #8f00ff,
          0.28em 0.28em #ff0000;
      }
      to {
        text-shadow:
          0.04em 0.04em #ff0000,
          0.08em 0.08em #ff7f00,
          0.12em 0.12em #ffff00,
          0.16em 0.16em #00ff00,
          0.20em 0.20em #0000ff,
          0.24em 0.24em #4b0082,
          0.28em 0.28em #8f00ff;
      }
    }

    @keyframes rainbow {
      from {
        text-shadow:
          0.04em 0.04em #ff0000,
          0.08em 0.08em #ff7f00,
          0.12em 0.12em #ffff00,
          0.16em 0.16em #00ff00,
          0.20em 0.20em #0000ff,
          0.24em 0.24em #4b0082,
          0.28em 0.28em #8f00ff;
      }
      15% {
        text-shadow:
          0.04em 0.04em #8f00ff,
          0.08em 0.08em #ff0000,
          0.12em 0.12em #ff7f00,
          0.16em 0.16em #ffff00,
          0.20em 0.20em #00ff00,
          0.24em 0.24em #0000ff,
          0.28em 0.28em #4b0082;
      }
      30% {
        text-shadow:
          0.04em 0.04em #4b0082,
          0.08em 0.08em #8f00ff,
          0.12em 0.12em #ff0000,
          0.16em 0.16em #ff7f00,
          0.20em 0.20em #ffff00,
          0.24em 0.24em #00ff00,
          0.28em 0.28em #0000ff;
      }
      45% {
        text-shadow:
          0.04em 0.04em #0000ff,
          0.08em 0.08em #4b0082,
          0.12em 0.12em #8f00ff,
          0.16em 0.16em #ff0000,
          0.20em 0.20em #ff7f00,
          0.24em 0.24em #ffff00,
          0.28em 0.28em #00ff00;
      }
      60% {
        text-shadow:
          0.04em 0.04em #00ff00,
          0.08em 0.08em #0000ff,
          0.12em 0.12em #4b0082,
          0.16em 0.16em #8f00ff,
          0.20em 0.20em #ff0000,
          0.24em 0.24em #ff7f00,
          0.28em 0.28em #ffff00;
      }
      75% {
        text-shadow:
          0.04em 0.04em #ffff00,
          0.08em 0.08em #00ff00,
          0.12em 0.12em #0000ff,
          0.16em 0.16em #4b0082,
          0.20em 0.20em #8f00ff,
          0.24em 0.24em #ff0000,
          0.28em 0.28em #ff7f00;
      }
      90% {
        text-shadow:
          0.04em 0.04em #ff7f00,
          0.08em 0.08em #ffff00,
          0.12em 0.12em #00ff00,
          0.16em 0.16em #0000ff,
          0.20em 0.20em #4b0082,
          0.24em 0.24em #8f00ff,
          0.28em 0.28em #ff0000;
      }
      to {
        text-shadow:
          0.04em 0.04em #ff0000,
          0.08em 0.08em #ff7f00,
          0.12em 0.12em #ffff00,
          0.16em 0.16em #00ff00,
          0.20em 0.20em #0000ff,
          0.24em 0.24em #4b0082,
          0.28em 0.28em #8f00ff;
      }
    }

    While you're still on the CSS page, scroll to the bottom to find "Optimize your CSS" and tick "no" then save.

    After that you can add the following CSS to your stylesheet :
    Code:
    a[href="/u1"] {
     -webkit-animation:rainbow 3s linear infinite;
            animation:rainbow 3s linear infinite;
    }
    Just replace "1" with the id of the user you want the shadow applied to.
    Kfalash
    Kfalash
    New Member


    Female Posts : 24
    Reputation : 1
    Language : English

    Solved Re: Rainbow Glow

    Post by Kfalash Thu 26 May - 0:05

    Thank you Ange!
    This is now solved.
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51498
    Reputation : 3523
    Language : English
    Location : United States

    Solved Re: Rainbow Glow

    Post by SLGray Thu 26 May - 0:09

    Topic solved and archived



    Rainbow colored username - Rainbow Glow Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.