Coding Rainbow Forums NameTag woo

Deleted member 346231 · Apr 11, 2018

Hello, so, @Landviz made this joke thread on how to get the legendary PINK nametag.

Well today I made a rainbow coloured nametag (using his original script). It actually turned out looking pretty sick:

Anywho, if you want it, just follow the simple steps listed below.

Go to https://greasyfork.org/en and install a userscript manager for your browser.
Then go here and install my script
Enjoy your nametag now in RAINBOW!

MagnificentSpam · Apr 11, 2018

Greasemonkey 4 doesn't like it. If you want to use this in firefox you'll have to install Tampermonkey instead.

1. "https://www.cubecraft.net*" should be changed to "https://www.cubecraft.net/*", I guess Tampermonkey doesn't mind that.
2. In Greasemonkey 4 the userscript can't access the jquery the from the page. I had the same issue with some of my scripts, I ended up either removing jquery completely or loading my own query as a dependency to the script. I would be interested to know if there's some workaround for that.

DragonLord · Apr 11, 2018

Haha, this is great. Nice job :)

Could you do this for Stylish?

MagnificentSpam · Apr 11, 2018

DragonLord said:
Could you do this for Stylish?

I thought about that, I generally prefer stylish styles because they load instantly and cause less flickering on the site. It would be impossible to replicate this exact behaviour (apply the color to all links that countain your username somewhere). It could be applied at some specific places, but I'm not sure how it would be possible to select the name next to your own posts in threads.

Deleted member 346231 · Apr 11, 2018

MagnificentSpam said:
"https://www.cubecraft.net*" should be changed to "https://www.cubecraft.net/*", I guess Tampermonkey doesn't mind that.

Aight, I fixed that, thank you!

MagnificentSpam said:
In Greasemonkey 4 the userscript can't access the jquery the from the page. I had the same issue with some of my scripts, I ended up either removing jquery completely or loading my own query as a dependency to the script. I would be interested to know if there's some workaround for that.

This is very interesting, in the last script I made (this one), for some reason tampermonkey didn't like it when I used @require to import jQuery. What exactly happens when you try to load the script in Greasemonkey?

MagnificentSpam · Apr 11, 2018

cobvig said:
What exactly happens when you try to load the script in Greasemonkey?

Basically nothing. When I open the error console with ctrl+shift+j I see those '$ is not defined' errors piling up.
I had some scripts that used the jquery from the website that stopped working when I updated greasemonkey to version 4. Greasemonkey 4 also broke some other stuff, maybe it would be easier to just use tampermonkey that's available everywhere.

Max ♠ · Apr 11, 2018

MagnificentSpam said:
It would be impossible to replicate this exact behaviour (apply the color to all links that countain your username somewhere). It could be applied at some specific places, but I'm not sure how it would be possible to select the name next to your own posts in threads.

Code:

a[href*="magnificentspam"] {
}

Dont think it's possible to automatically detect the users ign and apply the style from there (in css)

Also, https://www.cubecraft.net/threads/best-theme-ever.198112/

Injunction · Apr 15, 2018

Landviz said:
Code:

a[href*="magnificentspam"] { }

Dont think it's possible to automatically detect the users ign and apply the style from there (in css)

Also, https://www.cubecraft.net/threads/best-theme-ever.198112/

It is a party pack

driima · Apr 20, 2018

Stylish:

HTML:

@-moz-document url-prefix("https://www.cubecraft.net/") {
.username,
.username span,
.accountUsername span {
    animation: rainbow 3s infinite;
}

@keyframes rainbow {
    0% {
        color: #9400D3;
    }
    16.6666% {
        color: #0000FF;
    }
    33.3333% {
        color: #00FF00;
    }
    50% {
        color: #FFFF00;
    }
    66.6666% {
        color: #FF7F00;
    }
    83.3333% {
        color: #FF0000;
    }
    100% {
        color: #9400D3;
    }
}
}

MagnificentSpam · Apr 20, 2018

driima said:

Stylish:

HTML:

@-moz-document url-prefix("https://www.cubecraft.net/") {
.username,
.username span,
.accountUsername span {
    animation: rainbow 3s infinite;
}

@keyframes rainbow {
    0% {
        color: #9400D3;
    }
    16.6666% {
        color: #0000FF;
    }
    33.3333% {
        color: #00FF00;
    }
    50% {
        color: #FFFF00;
    }
    66.6666% {
        color: #FF7F00;
    }
    83.3333% {
        color: #FF0000;
    }
    100% {
        color: #9400D3;
    }
}
}

Now everyone has a rainbow name I want to be special! Like @Landviz said,

Code:

a[href*="magnificentspam"], .accountUsername {
    animation: rainbow 3s infinite;
}

kind of works.

172817 · Apr 22, 2018

driima · Sep 7, 2018

MagnificentSpam said:
Now everyone has a rainbow name I want to be special! Like @Landviz said,

Code:

a[href*="magnificentspam"], .accountUsername { animation: rainbow 3s infinite; }

kind of works.

A bit late, but I had some time. Change "driima" to your username:

HTML:

@-moz-document url-prefix("https://www.cubecraft.net/") {
[data-author="driima"] .username,
[data-author="driima"] .username span,
.accountUsername span {
    animation: rainbow 3s infinite;
}

@keyframes rainbow {
    0% {
        color: #9400D3;
    }
    16.6666% {
        color: #0000FF;
    }
    33.3333% {
        color: #00FF00;
    }
    50% {
        color: #FFFF00;
    }
    66.6666% {
        color: #FF7F00;
    }
    83.3333% {
        color: #FF0000;
    }
    100% {
        color: #9400D3;
    }
}
}

MagnificentSpam · Sep 7, 2018

driima said:

A bit late, but I had some time. Change "driima" to your username:

HTML:

@-moz-document url-prefix("https://www.cubecraft.net/") {
[data-author="driima"] .username span,
.accountUsername span {
    animation: rainbow 3s infinite;
}

@keyframes rainbow {
    0% {
        color: #9400D3;
    }
    16.6666% {
        color: #0000FF;
    }
    33.3333% {
        color: #00FF00;
    }
    50% {
        color: #FFFF00;
    }
    66.6666% {
        color: #FF7F00;
    }
    83.3333% {
        color: #FF0000;
    }
    100% {
        color: #9400D3;
    }
}
}

Hmm, that doesn't work for me, but `[data-author="MagnificentSpam"] .userText .username` does.

Edit: Ah I see, developers get an extra <span> so it would work for you. ~~I don't understand why the * isn't necessary tbh.~~ But you should add the .userText or all people that you mention in your post get the rainbow name as well.

driima · Sep 7, 2018

MagnificentSpam said:
Hmm, that doesn't work for me, but `[data-author="MagnificentSpam"] .userText .username` does.

Edit: Ah I see, developers get an extra <span> so it would work for you. ~~I don't understand why the * isn't necessary tbh.~~ But you should add the .userText or all people that you mention in your post get the rainbow name as well.

Fixed my reply. You don't need .userText

MagnificentSpam · Sep 7, 2018

driima said:
You don't need .userText

But without it people I mention become colorful and I'm not special anymore...

driima · Sep 7, 2018

MagnificentSpam said:
But without it people I mention become colorful and I'm not special anymore...
View attachment 148483

Odd, it seems fine for me! Must be another issue like the one you mentioned about developers having an additional span.

DqrkMqtter · Sep 7, 2018

Wow, this is neat xd

Lilleh__ · Sep 7, 2018

Use this to support the LGBT community so SJWs can't call us evil for not being part of it ourselves.

Alpalish · Sep 8, 2018

Good job :)

Max ♠ · Sep 8, 2018

MagnificentSpam said:
But without it people I mention become colorful and I'm not special anymore...
View attachment 148483

Code:

li.message[data-author='MagnificentSpam'] h3 a.username {
    /* Rainbow animation */
}

Coding Rainbow Forums NameTag woo

Deleted member 346231

Guest

Forum Expert

Attachments

Dedicated Member

Forum Expert

Deleted member 346231

Guest

Forum Expert

Forum Expert

Forum Expert

Quest Master

Forum Expert

Member

Quest Master

Forum Expert

Quest Master

Forum Expert

Quest Master

Well-Known Member

Dedicated Member

Well-Known Member

Forum Expert

Similar threads

Share this page