MyBB Tutorials

Rainbow Username

Submitted by linkzy, , Thread ID: 470

Thread Closed
linkzy
No pressure, no diamonds
Level:
0
Reputation:
181
Posts:
5.34K
Likes:
341
Credits:
54
20-01-2015, 12:11 PM
#1
Ok So try this its amazing Wink :D Tongue

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]
| A | v4hl| Addicted | Senpai | Sui | Sensei | H | fdigl |


RE: Rainbow Username

AndresXZ09
Closed Account
Level:
0
Reputation:
30
Posts:
1.22K
Likes:
139
Credits:
1.51K
20-01-2015, 12:55 PM
#2
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

RE: Rainbow Username

linkzy
No pressure, no diamonds
Level:
0
Reputation:
181
Posts:
5.34K
Likes:
341
Credits:
54
OP
20-01-2015, 12:56 PM
#3
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
| A | v4hl| Addicted | Senpai | Sui | Sensei | H | fdigl |


RE: Rainbow Username

cute
Married to Yuun
Vixen
Level:
4
Reputation:
50
Posts:
523
Likes:
92
Credits:
1.09K
22-01-2015, 06:49 AM
#4
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;
  }
}
[Image: ZtDsXXv.png]
1

RE: Rainbow Username

RaGEVoLT
Novice
Level:
0
Reputation:
0
Posts:
38
Likes:
0
Credits:
3
20-05-2019, 05:15 PM
#5
This is really neat and well managed thanks for sharing.

RE: Rainbow Username

hatayli
Closed Account
Level:
0
Reputation:
0
Posts:
5
Likes:
0
Credits:
4
30-08-2019, 03:14 PM
#6
It was a problem I couldn't find. thank you so much brother.

RE: Rainbow Username

skzneox
Closed Account
Level:
0
Reputation:
0
Posts:
12
Likes:
0
Credits:
13
30-08-2019, 09:07 PM
#7
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

Users browsing this thread: 1 Guest(s)