MyBB Tutorials

Rainbow Username

Submitted by linkzy, , Thread ID: 470

Thread Closed
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

#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

OP
#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

#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

#5
This is really neat and well managed thanks for sharing.

RE: Rainbow Username

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

RE: Rainbow Username

#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)