• Unfortunately, we have experienced significant hard drive damage that requires urgent maintenance and rebuilding. The forum will be a state of read only until we install our new drives and rebuild all the configurations needed. Please follow our Facebook page for updates, we will be back up shortly! (The forum could go offline at any given time due to the nature of the failed drives whilst awaiting the upgrades.) When you see an Incapsula error, you know we are in the process of migration.

[TuT] Rainbow names.

Status
Not open for further replies.
Initiate Mage
Joined
May 11, 2014
Messages
1
Reaction score
0
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
Copy this into ''globalTemplate''
Code:
Code:
[COLOR=#000088]<script>[/COLOR]
[COLOR=#009900][U][COLOR=#000088]var[/COLOR][COLOR=#000000] speed[/COLOR][/U][/COLOR][COLOR=#666600]=[/COLOR][COLOR=#006666]80[/COLOR]
[COLOR=#000088]var[/COLOR] hex[COLOR=#666600]=[/COLOR][COLOR=#000088]new[/COLOR] [COLOR=#660066]Array[/COLOR][COLOR=#666600]([/COLOR][COLOR=#008800]"00"[/COLOR][COLOR=#666600],[/COLOR][COLOR=#008800]"14"[/COLOR][COLOR=#666600],[/COLOR][COLOR=#008800]"28"[/COLOR][COLOR=#666600],[/COLOR][COLOR=#008800]"3C"[/COLOR][COLOR=#666600],[/COLOR][COLOR=#008800]"50"[/COLOR][COLOR=#666600],[/COLOR][COLOR=#008800]"64"[/COLOR][COLOR=#666600],[/COLOR][COLOR=#008800]"78"[/COLOR][COLOR=#666600],[/COLOR][COLOR=#008800]"8C"[/COLOR][COLOR=#666600],[/COLOR][COLOR=#008800]"A0"[/COLOR][COLOR=#666600],[/COLOR][COLOR=#008800]"B4"[/COLOR][COLOR=#666600],[/COLOR][COLOR=#008800]"C8"[/COLOR][COLOR=#666600],[/COLOR][COLOR=#008800]"DC"[/COLOR][COLOR=#666600],[/COLOR][COLOR=#008800]"F0"[/COLOR][COLOR=#666600])[/COLOR]
[COLOR=#000088]var[/COLOR] r[COLOR=#666600]=[/COLOR][COLOR=#006666]1[/COLOR]
[COLOR=#000088]var[/COLOR] g[COLOR=#666600]=[/COLOR][COLOR=#006666]1[/COLOR]
[COLOR=#000088]var[/COLOR] b[COLOR=#666600]=[/COLOR][COLOR=#006666]1[/COLOR]
[COLOR=#000088]var[/COLOR] seq[COLOR=#666600]=[/COLOR][COLOR=#006666]1[/COLOR]
[COLOR=#000088]function[/COLOR] changetext[COLOR=#666600](){[/COLOR]
[COLOR=#000088]for[/COLOR][COLOR=#666600]([/COLOR]i[COLOR=#666600]=[/COLOR][COLOR=#006666]0[/COLOR][COLOR=#666600];[/COLOR]i[COLOR=#666600]<[/COLOR]document[COLOR=#666600].[/COLOR]getElementsByName[COLOR=#666600]([/COLOR][COLOR=#008800]"Rainbow"[/COLOR][COLOR=#666600]).[/COLOR]length[COLOR=#666600];[/COLOR]i[COLOR=#666600]++){[/COLOR]
[COLOR=#000088]var[/COLOR] storetext[COLOR=#666600]=[/COLOR]document[COLOR=#666600].[/COLOR]getElementById[COLOR=#666600]?[/COLOR] document[COLOR=#666600].[/COLOR]getElementsByName[COLOR=#666600]([/COLOR][COLOR=#008800]"Rainbow"[/COLOR][COLOR=#666600])[[/COLOR]i[COLOR=#666600]][/COLOR] [COLOR=#666600]:[/COLOR] document[COLOR=#666600].[/COLOR]all[COLOR=#666600].[/COLOR]highlight
rainbow[COLOR=#666600]=[/COLOR][COLOR=#008800]"#"[/COLOR][COLOR=#666600]+[/COLOR]hex[COLOR=#666600][[/COLOR]r[COLOR=#666600]]+[/COLOR]hex[COLOR=#666600][[/COLOR]g[COLOR=#666600]]+[/COLOR]hex[COLOR=#666600][[/COLOR]b[COLOR=#666600]][/COLOR]
storetext[COLOR=#666600].[/COLOR]style[COLOR=#666600].[/COLOR]color[COLOR=#666600]=[/COLOR]rainbow
[COLOR=#666600]}[/COLOR]
[COLOR=#666600]}[/COLOR]
[COLOR=#000088]function[/COLOR] change[COLOR=#666600](){[/COLOR]
[COLOR=#000088]if[/COLOR] [COLOR=#666600]([/COLOR]seq[COLOR=#666600]==[/COLOR][COLOR=#006666]6[/COLOR][COLOR=#666600]){[/COLOR]
b[COLOR=#666600]--[/COLOR]
[COLOR=#000088]if[/COLOR] [COLOR=#666600]([/COLOR]b[COLOR=#666600]==[/COLOR][COLOR=#006666]0[/COLOR][COLOR=#666600])[/COLOR]
seq[COLOR=#666600]=[/COLOR][COLOR=#006666]1[/COLOR]
[COLOR=#666600]}[/COLOR]
[COLOR=#000088]if[/COLOR] [COLOR=#666600]([/COLOR]seq[COLOR=#666600]==[/COLOR][COLOR=#006666]5[/COLOR][COLOR=#666600]){[/COLOR]
r[COLOR=#666600]++[/COLOR]
[COLOR=#000088]if[/COLOR] [COLOR=#666600]([/COLOR]r[COLOR=#666600]==[/COLOR][COLOR=#006666]12[/COLOR][COLOR=#666600])[/COLOR]
seq[COLOR=#666600]=[/COLOR][COLOR=#006666]6[/COLOR]
[COLOR=#666600]}[/COLOR]
[COLOR=#000088]if[/COLOR] [COLOR=#666600]([/COLOR]seq[COLOR=#666600]==[/COLOR][COLOR=#006666]4[/COLOR][COLOR=#666600]){[/COLOR]
g[COLOR=#666600]--[/COLOR]
[COLOR=#000088]if[/COLOR] [COLOR=#666600]([/COLOR]g[COLOR=#666600]==[/COLOR][COLOR=#006666]0[/COLOR][COLOR=#666600])[/COLOR]
seq[COLOR=#666600]=[/COLOR][COLOR=#006666]5[/COLOR]
[COLOR=#666600]}[/COLOR]
[COLOR=#000088]if[/COLOR] [COLOR=#666600]([/COLOR]seq[COLOR=#666600]==[/COLOR][COLOR=#006666]3[/COLOR][COLOR=#666600]){[/COLOR]
b[COLOR=#666600]++[/COLOR]
[COLOR=#000088]if[/COLOR] [COLOR=#666600]([/COLOR]b[COLOR=#666600]==[/COLOR][COLOR=#006666]12[/COLOR][COLOR=#666600])[/COLOR]
seq[COLOR=#666600]=[/COLOR][COLOR=#006666]4[/COLOR]
[COLOR=#666600]}[/COLOR]
[COLOR=#000088]if[/COLOR] [COLOR=#666600]([/COLOR]seq[COLOR=#666600]==[/COLOR][COLOR=#006666]2[/COLOR][COLOR=#666600]){[/COLOR]
r[COLOR=#666600]--[/COLOR]
[COLOR=#000088]if[/COLOR] [COLOR=#666600]([/COLOR]r[COLOR=#666600]==[/COLOR][COLOR=#006666]0[/COLOR][COLOR=#666600])[/COLOR]
seq[COLOR=#666600]=[/COLOR][COLOR=#006666]3[/COLOR]
[COLOR=#666600]}[/COLOR]
[COLOR=#000088]if[/COLOR] [COLOR=#666600]([/COLOR]seq[COLOR=#666600]==[/COLOR][COLOR=#006666]1[/COLOR][COLOR=#666600]){[/COLOR]
g[COLOR=#666600]++[/COLOR]
[COLOR=#000088]if[/COLOR] [COLOR=#666600]([/COLOR]g[COLOR=#666600]==[/COLOR][COLOR=#006666]12[/COLOR][COLOR=#666600])[/COLOR]
seq[COLOR=#666600]=[/COLOR][COLOR=#006666]2[/COLOR]
[COLOR=#666600]}[/COLOR]
changetext[COLOR=#666600]()[/COLOR]
[COLOR=#666600]}[/COLOR]
[COLOR=#000088]function[/COLOR] starteffect[COLOR=#666600](){[/COLOR]
[COLOR=#000088]if[/COLOR] [COLOR=#666600]([/COLOR]document[COLOR=#666600].[/COLOR]all[COLOR=#666600]||[/COLOR]document[COLOR=#666600].[/COLOR]getElementById[COLOR=#666600])[/COLOR]
flash[COLOR=#666600]=[/COLOR]setInterval[COLOR=#666600]([/COLOR][COLOR=#008800]"change()"[/COLOR][COLOR=#666600],[/COLOR]speed[COLOR=#666600])[/COLOR]
[COLOR=#666600]}[/COLOR]
starteffect[COLOR=#666600]()[/COLOR]
[COLOR=#000088]</script>


[/COLOR]

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:
[COLOR=#000088]<span[/COLOR][COLOR=#660066]name[/COLOR][COLOR=#666600]=[/COLOR][COLOR=#008800]"Rainbow">[/COLOR][COLOR=#000088]
[/COLOR]
As for the group suffix, you are going to enter
Code:
[COLOR=#000088]</span>[/COLOR]

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

Notes:
*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.

No support will be given, it works fine for IPB, Unsecure about vBulletin.


 
Status
Not open for further replies.
Back
Top