Top 3 posters.

[Taco Bell]

I was scrolling through a different forum and thought that maybe this would be a cool idea, I don't think it has been done yet either. also hear me out on this one, how bad ass would it be for rainbow names anyway.

I was thinking something like they have on a different forum.

I have already found the code needed

$(function(){ rainbownameload(INSERT USER ID); });

[lel check out my inspect element skills]

I cant really post a picture of what it would look like, because I don't want to go through the gif making process.

so heres a link to a profile with it: http://www.thetechgame.com/r00t

I think its a good idea, don't hate me cause you ain't me.

 

[Mojo]

I think this is a great idea! So the top 3 posters for that day would get rainbow names? very cool!

 

[Greed]

Or maybe this could even be a Power+ perk. Good suggestion.

 

[Cole]

Ehh... kind of tacky if you ask me. It's a cool idea but like you said it's already on another forum.

I think for FK to be one of the best forums it has to stay unique with it's own style.

 

[Clickbait]

That code wouldn't work. Use CSS3.

Spoiler

Please note, this will only work in the latest browsers, so if your users all use IE6, this isn't the tutorial for you.

First up, insert the following CSS into your global.css file:

.rainbow{
 -webkit-animation:rainbow 3s linear infinite;
animation:rainbow 3s linear infinite;

}

@keyframes rainbow {
  from {
color: red;
text-shadow: 0 0 10px red;
  }
  15% {
color: orange;
text-shadow: 0 0 10px orange;
  }
  30% {
  color: yellow;
text-shadow: 0 0 10px yellow;
  }
  45% {
color: green;
text-shadow: 0 0 10px green;
  }
  60% {
color: blue;
text-shadow: 0 0 10px blue;
  }
  75% {
color: indigo;
text-shadow: 0 0 10px indigo;
  }
  90% {
color: violet;
text-shadow: 0 0 10px violet;
  }
  to {
color: red;
text-shadow: 0 0 10px red;
  }
}
@-webkit-keyframes rainbow {
  from {
color: red;
text-shadow: 0 0 10px red;
  }
  15% {
color: orange;
text-shadow: 0 0 10px orange;
  }
  30% {
  color: yellow;
text-shadow: 0 0 10px yellow;
  }
  45% {
color: green;
text-shadow: 0 0 10px green;
  }
  60% {
color: blue;
text-shadow: 0 0 10px blue;
  }
  75% {
color: indigo;
text-shadow: 0 0 10px indigo;
  }
  90% {
color: violet;
text-shadow: 0 0 10px violet;
  }
  to {
color: red;
text-shadow: 0 0 10px red;
  }
}

Now, under the group settings of the group you want to have "rainbow text" on, insert the following username style:

<span class="rainbow">{username}</span>

For a working demo, check out this user on my dev forum:

http://webma.st/ers/user-1.html

 

[TJ]

It would be really cool but i think we need something different something more unique.

 

[Amp]

I like this idea. Even though it's on another forum, it could fit here as well. It would be a cool perk either way.