Aivilo and I have figured out a way to change your avatar or display name via the code in your signature. Special thanks to
Klownda and
Atlas for the help with shortening the code!
AVATARS
How does it work?
- Choose a unique combination of letters to create your "Codeword." 3 characters is recommended for length and simplicity, but you can use any alphanumeric combination. In the code examples below, we will be using "CDW."
- You can find a list of available codes on this Google Sheet.
To claim a code, use this Google Form. Once a code is claimed it will be marked off on the list as unavailable. This spreadsheet will be minimally maintained. If you claim a code please keep it.
- We recommend imgbb and catbox.moe for image hosting, as both of these sites have very short image links.
- These avatars will only show up on your comments. Nowhere else. You can make them show up on your main thread posts if you copy-paste the signature code into the body of your thread.
- Signatures can only be up to 255 characters in length. This means any of these codes will limit what else you can put in your signature! We did our best to make it so you can at least include an image and a bit of text with either of these codes. However, you cannot have an avatar and a display name changer at the same time. Together, the codes are too long.
(But you can include one of the codes in your signature, and the other one in the body of the comment/thread. You would have to paste it every time you post.)
For users without an avatar:
- Replace all 3 instances of CDW with your unique "Codeword."
- Replace IMAGELINK with your avatar URL. It must end with .png, .jpeg, or .gif.
- Paste it into your signature and save! Make sure the "Input format" is set to BBcode.
<CDW></CDW><style>.comment:has(CDW) .picture{background:url("IMAGELINK")0/cover content-box;height:100px;}</style>
For users with an existing avatar:
- Replace all 3 instances of CDW with your unique "Codeword."
- Replace IMAGELINK with your avatar URL. It must end with .png, .jpeg, or .gif.
- Paste it into your signature and save! Make sure the "Input format" is set to BBcode.
<CDW></CDW><style>.comment:has(CDW) .picture img{display:none}.comment:has(CDW) .picture{background:url("IMAGELINK")0/cover content-box;height:100px;padding:10px}</style>
DISPLAY NAMES
How does it work?
- This method will allow you to change your display name without preventing you from posting.
- These are also a lot easier than avatars. You do not need a "Codeword" for these!
- These display names will only show up on your comments. Nowhere else. You can make them show up on your main thread posts if you copy-paste the signature code into the body of your thread.
- Signatures can only be up to 255 characters in length. This means any of these codes will limit what else you can put in your signature! We did our best to make it so you can at least include an image and a bit of text with either of these codes. However, you cannot have an avatar and a display name changer at the same time. Together, the codes are too long.
(But you can include one of the codes in your signature, and the other one in the body of the comment/thread. You would have to paste it every time you post.)
Best Display Name Changer:
- This version is longer but will work better and cleaner.
- Replace both instances of USERNAME with your actual username/login. Same as in your profile's URL.
- Replace DISPLAYNAME with your desired name.
- Paste it into your signature and save!
<style>a[href*=USERNAME]{visibility:hidden;position:relative}a[href*=USERNAME]:after{content:"DISPLAYNAME";left:0;position:absolute;visibility:visible}}</style>
Shorter Display Name Changer:
- This version is shorter, so it will allow you to include more text in your signature. However, your name might stand out on some pages with custom CSS, as your name will always be set to a font size of 10px.
- Replace both instances of USERNAME with your actual username/login. Same as in your profile's URL.
- Replace DISPLAYNAME with your desired name.
- Paste it into your signature and save!
<style>a[href*=USERNAME]{font-size:0!important}a[href*=USERNAME]:after{content:"DISPLAYNAME";font-size:10px}</style>
This is a showcase comment. I
Feel free to ask your questions below.
Tracking for when i get home
Test. Bump. SUCCESS! Thank
this tutorial is great, thank
Genius, thanks so much, great
Tracking! This is amazing *O*
Signature (c) Saater
absolutely genius thank you
Holy shit, this RULES. Thank
How long did it take you guys to figure this out? I think it's been like... over 10+ years since that aspect of the site broke.
Thank you all for the kind
Vampirecult, honestly, not that long at all, just a couple of days. It's not a secret that a lot of areas of the site don't sanitize code very well, so I've pitched the idea to try changing avatars via signatures. Unsurprisingly, you can inject style sheets in there just fine! Aivilo and me developed our own codes to get it to work, and we went with hers as it was more secure. And then I buffed out the display name changer as a bonus :")
(No subject)
signature by Atlas<3 // forever sleepy
this is fantastic! thank you
This is very helpful for
Great job on creating this useful page!
Signature by Rinniekins
Thank you so much, everyone,
It means a lot coming from a community veteran such as yourself!
Thank you for this miracle!
Signature by Fernelescent
Thank you!
Big thank you to everyone
tracking -- this is super