MyBB Tutorials Rainbow Username Submitted by linkzy, 20-01-2015, 12:11 PM, Thread ID: 470 Thread Closed Reply 20-01-2015, 12:11 PM Rate Resource Working Not Working Link Down #1 Ok So try this its amazing :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. Login Create Account 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 - More | A | v4hl| Addicted | Senpai | Sui | Sensei | H | fdigl | RE: Rainbow Username 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 More RE: Rainbow Username OP 20-01-2015, 12:56 PM #3 20-01-2015, 12:55 PMAndresXZ09 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 More | A | v4hl| Addicted | Senpai | Sui | Sensei | H | fdigl | RE: Rainbow Username 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; } } More 1 DMPS RE: Rainbow Username 20-05-2019, 05:15 PM #5 This is really neat and well managed thanks for sharing. More RE: Rainbow Username 30-08-2019, 03:14 PM #6 It was a problem I couldn't find. thank you so much brother. More RE: Rainbow Username 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 More
RE: Rainbow Username 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 More
RE: Rainbow Username OP 20-01-2015, 12:56 PM #3 20-01-2015, 12:55 PMAndresXZ09 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 More | A | v4hl| Addicted | Senpai | Sui | Sensei | H | fdigl |
RE: Rainbow Username 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; } } More 1 DMPS
RE: Rainbow Username 20-05-2019, 05:15 PM #5 This is really neat and well managed thanks for sharing. More
RE: Rainbow Username 30-08-2019, 03:14 PM #6 It was a problem I couldn't find. thank you so much brother. More
RE: Rainbow Username 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 More