Hypebot

=Making a custom Hypebot= You can set your own avatars by using custom CSS. Here is a simple template if you want to use image links: Once you've filled out the categories, insert it into your theme's custom CSS and it will overwrite the default avatars.

Good practices
Use square images only, and you don't need a crazy resolution. 100x100 to 200x200 is a good range, if you have a very high res the base64 can be huge and make looking at custom CSS very laggy. You can also achieve an unnecessarily laggy state by including unnecessary CSS, like so: '''At the end of the day the only critically shit mistake is non-square res, though. I mean, just look at that image on the right. Yuck!'''

Encoding avatars as Base64
Base64 can encode an image so that you can directly include it in the CSS data rather than linking it; this will prevent the image from not being found if the hosting website deletes it. Use an encoder like this, then modify the template for each image like this: Note that the encoded string will be long, so make sure you upload the .txt file somewhere safe. No pasting in the thread. =User made Hypebots=

= Other Hypebot styling = If you think Hypebot is too big, you can drop in one of these. Should work fine with other avatars. Comparison on the right.

mini: catbox

micro: catbox