• Welcome to ForumKorner!
    Join today and become a part of the community.

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.
 

Greed

Power member.
Joined
Mar 25, 2011
Posts
4,772
Reacts
1
Reputation
0
Credits
55
Or maybe this could even be a Power+ perk. Good suggestion.
 

Cole

Power member.
Joined
Aug 13, 2012
Posts
5,719
Reacts
0
Reputation
0
Credits
8
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

hello
Joined
Nov 3, 2011
Posts
583
Reacts
9
Reputation
0
Credits
34
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
 

Amp

Power member.
Joined
Aug 13, 2013
Posts
6,959
Reacts
0
Reputation
0
Credits
5
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