Rainbow Username

by Mr_Joker - 15-02-2015, 04:31 AM
YouR JuSt G4Y
Posts:
879
Joined:
Feb 2015
Likes:
32
Credits:
349
Reputation:
3
2 Years of Service
#1
OP
Posted: 15-02-2015, 04:31 AM
Hello,

Today I will be posting to show you how you can make usernames on your forum flash in a "Rainbow" fashion. This does not require "advanced" knowledge, just access to the Look & Feel section of your community's ACP.

Let's begin.
Firstly, you are going to navigate to ACP > Look & Feel > Your Skin > globalTemplate
This piece of code is to be inserted towards the bottom of the script. For example, you could place it just above where you see something relevant to <!-- ::: Footer ::: -->

Code:
<script>
var speed=80
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
function changetext(){
for(i=0;i<document.getElementsByName("Rainbow").length;i++){
var storetext=document.getElementById? document.getElementsByName("Rainbow")[i] : document.all.highlight
rainbow="#"+hex[r]+hex[g]+hex[b]
storetext.style.color=rainbow
}
}
function change(){
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
changetext()
}
function starteffect(){
if (document.all||document.getElementById)
flash=setInterval("change()",speed)
}
starteffect()
</script>

After you have inserted the code, you may save your changes.
Now, we will navigate from within the ACP to Members > Member Groups > Manage Member Groups > Click on the group you wish to have the rainbow effect

For the group prefix, you are going to enter the following code
Code:
<span name="Rainbow">

As for the group suffix, you are going to enter
Code:
</span>

Once you are done, press Complete Edit and you should be good to go.

Things to note:
*This will only work on groups that you add the prefix & suffix to
*The rainbow will only show on skins that you add the script to
*It does not matter exactly where you place the script, as long as it is there and does not interrupt other code.
@Believer rocks
Paradigm
Posts:
1,315
Joined:
May 2015
Likes:
46
Credits:
12
Reputation:
45
2 Years of Service
#2
Posted: 16-06-2016, 02:02 AM
For everyone: This can be done using CSS3 only.
Active Member
Posts:
229
Joined:
Mar 2016
Likes:
13
Credits:
244
Reputation:
3
1 Year of Service
#3
Posted: 17-06-2016, 10:49 AM
(16-06-2016, 02:02 AM)Kill Wrote: For everyone: This can be done using CSS3 only.

How can you do this with css3?
we are all supposed to think of reasons to live
@Believer rocks
Paradigm
Posts:
1,315
Joined:
May 2015
Likes:
46
Credits:
12
Reputation:
45
2 Years of Service
#4
Posted: 17-06-2016, 01:53 PM
(17-06-2016, 10:49 AM)Carb0n Wrote:
(16-06-2016, 02:02 AM)Kill Wrote: For everyone: This can be done using CSS3 only.

How can you do this with css3?

With keyframes, will post code later
Newbie
Posts:
15
Joined:
Dec 2016
Likes:
0
Credits:
7
Reputation:
0
1/2 Year of Service
#5
Posted: 04-12-2016, 01:02 PM
awesome thing, tnx for it!
Newbie
Posts:
15
Joined:
Dec 2016
Likes:
0
Credits:
7
Reputation:
0
1/2 Year of Service
#6
Posted: 11-12-2016, 09:33 AM
Hahahaha this is awesome!
Newbie
Posts:
17
Joined:
Jan 2017
Likes:
0
Credits:
12
Reputation:
0
1/2 Year of Service
#7
Posted: 05-01-2017, 05:57 AM
I am really new to this site but this Is pretty cool! How can you do this with css3?
Newbie
Posts:
11
Joined:
Feb 2017
Likes:
0
Credits:
13
Reputation:
0
1/2 Year of Service
#8
Posted: 11-02-2017, 06:09 PM
Looks cute, thanks a lot. Would also appreciate the CSS3 code if possible.
Closed Account
Posts:
9
Joined:
Aug 2015
Likes:
0
Credits:
9
Reputation:
0
2 Years of Service
#9
Posted: 02-06-2017, 07:56 PM
any chance of sharing the CSS3 code ?
Marvel Fanboy
Posts:
541
Joined:
Feb 2016
Likes:
60
Credits:
97
Reputation:
53
1 Year of Service
#10
Posted: 02-06-2017, 07:58 PM
I see rainbow usernames I want this hmm.
[Image: RU8KrQc.gif]
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)