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
If you're not using square res, the hypebot will look wonky, as seen with the example there. The solution is to either fix the res of the avatar box or use the "Remove Avatar Box" css below.

You also 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 while not fixing the avatar box to match it.

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.

Smaller Hypebot
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

Remove Avatar Box
Throw these lines into your css file to remove that pesky avatar box. Probably before the fuckhuge base64.

=User made Hypebots=