Welcome!

Join our community of MMO enthusiasts and game developers! By registering, you'll gain access to discussions on the latest developments in MMO server files and collaborate with like-minded individuals. Join us today and unlock the potential of MMO server development!

Join Today!

[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