Chatbox code for StreamElements and Twitch. Features - Display donation, subscription, and cheers event (new!) - Pops out exclamation and question mark If the message ends with ! and/or ? (you can disable it) - Custom icon for roles - Custom icon based on usernames - Custom color scheme for roles (broadcaster, moderators, VIPs, and subscribers) - Switchable chat side for broadcaster, moderators, and viewers. - Alternate message position. - Auto test messages for designing If you are updating: replace the HTML, CSS, JS, and FIELDS leave the DATA tab as is to keep your previous settings Update 1.2c - Added Follow and Raid card - Shade color in the card is now changeable - Special pictures can be used by multiple names Update 1.2b - Added support for BTTV emote modifier w! v! h! * Emote modifier can stack. Example: w! h! Pog - Added auto check update - Added scale field for easy resize - Added support for widget.io easy install chrome.google.com/webstore/detail/widgetio/fcgbjpajcfjnjgfdeookpnoefgcliljj Update 1.2 - Fixed Frankerfacez emotes not displaying - Added 7tv emotes reload command [!emotes reload] * Please give few seconds in between adding the emote on 7tv and using this command - Moved AutoTest toggle to top - Updated AutoTest messages to remind turning off the AutoTest Update 1.1d - Added support for 7tv zero width emotes - Chat with multiple emotes but no text now detected as emote only (was only one emote on previous version) *The widget will load the zero width emotes information on the load, if you add more during a stream you will need to reload the widget. Update 1.1c - Fixed cards not disappearing - Added animation out for messages and cards Message animation out is based on the position Cards animation out can be changed in "Layout" Update 1.1b - Fixed card expanding and blocking the messages when the messages are aligned from top - Moved "Align Messages" from "Typography" to "Settings" Update 1.1 - Added event cards feature You can now display donation, subscription, and cheers on the chatbox (like certain platform) *This feature is still experimental, please let me know if there are bugs Update 1.0b - Fixed the symbol appearing when not intended (example '!a' will show the !) Please message me if you have trouble on installing/updating the code on twitter.com/chrone_co