Top 3 posters.

Taco Bell

User is banned.
Joined
Nov 13, 2013
Posts
1,096
Reacts
1
Reputation
0
Credits
0
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

Code: 
$(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.
 
Or maybe this could even be a Power+ perk. Good suggestion.
 
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.
 
That code wouldn't work. Use CSS3.

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:
Code: 
.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:
PHP: 
<span class="rainbow">{username}</span>

For a working demo, check out this user on my dev forum:
Code: 
http://webma.st/ers/user-1.html
 
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.
 
You must log in or register to reply here.
Menu
Log in
Register
Cookies are required to use this site. You must accept them to continue using the site. Learn more…