Rainbow Username

linkzy · 20-01-2015, 12:11 PM

Ok So try this its amazing Wink

:D

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

Content locked

This content has been locked. Please login or register in order to unlock it.

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

PHP Code:
<span class="rainbow">{username}</span> 

Result -

[Image: e07087940eb66de862e09bfb2e113675.gif]

AndresXZ09 · 20-01-2015, 12:55 PM

I had problems when I tried to use it before, I had to paste the code on another .css, not on global.css...

I have a thread about it on MyBB Community

linkzy · 20-01-2015, 12:56 PM

20-01-2015, 12:55 PM
AndresXZ09 Wrote: I had problems when I tried to use it before, I had to paste the code on another .css, not on global.css...

I have a thread about it on MyBB Community

Well sometimes global.css doesn't gets loaded completely so yeah or cache problem

cute · 22-01-2015, 06:49 AM

Seeing as this is a copy/paste of a tutorial I wrote over a year ago and OP is gonna leech it for credits; I'm going to share the CSS here:

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;
   }
 }

RaGEVoLT · 20-05-2019, 05:15 PM

This is really neat and well managed thanks for sharing.

hatayli · 30-08-2019, 03:14 PM

It was a problem I couldn't find. thank you so much brother.

skzneox · 30-08-2019, 09:07 PM

Lurker
Posts:3
Joined:Aug 2019
Likes:0
Credits:3
Reputation:0
#7Posted: Less than 1 minute ago
definetly i want this, i am looking for skins, but this one if the best so far

Rainbow Username

Submitted by linkzy, 20-01-2015, 12:11 PM, Thread ID: 470

RE: Rainbow Username

RE: Rainbow Username

RE: Rainbow Username

RE: Rainbow Username

RE: Rainbow Username

RE: Rainbow Username