« avatar & display name guide »

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

This is a showcase comment. I do not have a "real" avatar, but this trick allows me to have a profile picture and a signature image!
Feel free to ask your questions below.

Tracking for when i get home

Tracking for when i get home ^^

Test. Bump. SUCCESS! Thank

Test. Bump. SUCCESS! Thank you to the four musketeers, & special shoutout to Hydde for Omi's avatar :]

this tutorial is great, thank

this tutorial is great, thank u so much for this!


Genius, thanks so much, great

Genius, thanks so much, great job!
Toyhouse

Tracking! This is amazing *O*

Tracking! This is amazing *O*

Signature (c) Saater

absolutely genius thank you

absolutely genius Smiling thank you for this! <3

Holy shit, this RULES. Thank

Holy shit, this RULES. Thank you!

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

Thank you all for the kind words!

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)

<3333 Laughing out loud never thought seeing profile pictures would make me so happy LOL

signature by Atlas<3 // forever sleepy

this is fantastic! thank you

this is fantastic! thank you and everyone else who worked on this! ^_^

Widmung's picture

This is very helpful for

This is very helpful for everyone who wants to display their own deer names! It can be used later on in the future.

Great job on creating this useful page! Idea You earn a gold star! Smiling

Signature by Rinniekins

Thank you so much, everyone,

Thank you so much, everyone, and especially to you, Widmung!
It means a lot coming from a community veteran such as yourself!

Thank you for this miracle!

Thank you for this miracle! This is genius.
Saater
Signature by Fernelescent

Thank you!

Thank you!
Saturnia's picture

Big thank you to everyone

Big thank you to everyone that worked on this, I can't wait to test it... and I love the framed avvies hehe
signature by vetvay!

tracking -- this is super

tracking -- this is super helpful!