Rainbow Username

by linkzy - 20-01-2015, 12:11 PM
لا إله إلا الله‎
Posts:
6,330
Joined:
Jan 2015
Likes:
301
Credits:
347
Reputation:
162
2 Years of Service
#1
OP
Posted: 20-01-2015, 12:11 PM
Ok So try this its amazing ;) :D Tongue

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


Please register or login in order to unlock hidden content.


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]
| Monopoly- Best forever .. | v4hl - ;) | Addicted | Senpai | Nyan | Sensei | H | fdigl |
[Image: gZD4Fba.png]

Closed Account
Posts:
1,383
Joined:
Jan 2015
Likes:
124
Credits:
1,316
Reputation:
30
2 Years of Service
#2
Posted: 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
لا إله إلا الله‎
Posts:
6,330
Joined:
Jan 2015
Likes:
301
Credits:
347
Reputation:
162
2 Years of Service
#3
OP
Posted: 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
| Monopoly- Best forever .. | v4hl - ;) | Addicted | Senpai | Nyan | Sensei | H | fdigl |
[Image: gZD4Fba.png]

ᶠᵃᵈʸ'ˢ ʷᵃᶦᶠᵘ
Posts:
542
Joined:
Jan 2015
Likes:
65
Credits:
501
Reputation:
37
2 Years of Service
#4
Posted: 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;
}
}

Faded is cute Heart
Milcore
08-04-2015, 01:24 AM
The last reply on this thread is older than a month. Please do not unnecessarily bump it.
Register an account or login to reply
Create an account
Create a free account today and start posting right away. It only takes a few seconds.
Login
Log into an existing account.
1 Guest(s)