Angled User Rectangle Chat

Angled User Rectangle Chat 1.0

mielzy

Member
Developer
Artist
Streamer
Pronouns
any
Twitch
mielzy_png
TikTok
mielzy
Twitter
mielzy_png
Website
https://mielzy.carrd.co
mielzy submitted a new resource:

Angled User Rectangle Chat - Angled username rectangle chat!

View attachment 209View attachment 210
Angled username rectangle chat!

Built using slime2: slime2.stream

Created from Zaytri's base Slime Chat: forums.slime2.stream/resources/slime-chat.10

〚Useful Links〛
  • Setup: forums.slime2.stream/resources/getting-started-with-slime2.3
  • Support: TBA

〚Features〛
  • Username colors can be taken from Twitch, but can also be customized to your liking
  • Customizable message...

Read more about this resource...
 
hi there, i came across a few issues, and i'm not sure if it's something i'm doing wrong or an issue with the widget:

  • when using the custom username colour, it seems to only create a border around the username, instead of applying with the custom hex code.
  • the exit animation (i'm using fade, but i believe it applies to all) doesn't show up!
this is such a good widget, and the simple yet visually appealing style is perfect for my streams <3
 
hi there, i came across a few issues, and i'm not sure if it's something i'm doing wrong or an issue with the widget:

  • when using the custom username colour, it seems to only create a border around the username, instead of applying with the custom hex code.
  • the exit animation (i'm using fade, but i believe it applies to all) doesn't show up!
this is such a good widget, and the simple yet visually appealing style is perfect for my streams <3
Will look into this and let you know when I've uploaded a fix!
 
I like how this chat overlay has options for a rectangle border around the edges. That's pretty rare.

I've noticed a couple weird little things I wonder if you could look into?
1) When using a left or right animation, the nametag starts out straight, then tilts later.

I like the look of how, when I set Username Colour to Custom, I get a border around the username instead of a solid colour for the entire box. However,
2) "Custom Username Colour" and "Edge Colour" don't do anything at all. I set them both to red and red shows up nowhere in the results.
(I did some comparing — Oddly enough, your other chat overlay "Social Media" doesn't have this problem with Custom Username Colour, but does with Edge Colour)
 
Last edited:
There's several things about the nametag that I wish I could customize but can't. Things like the tilt, or the colour, or giving the nametag a border too.
But I've found a way to manipulate the raw CSS file to do things like make the nametag have a user-coloured border and a black background behind it, but this is not doable in the basic UI

Before photo, nametag is locked to having a solid brick of colour by the UI
After photo, only doable with editing the raw CSS
 

Attachments

  • Telegram_7hDFGukxvt.png
    Telegram_7hDFGukxvt.png
    80.8 KB · Views: 6
  • Telegram_9vBiMehX74.png
    Telegram_9vBiMehX74.png
    61.1 KB · Views: 6
Last edited:
LOVE this chat but! even when the width is set long messages bypass it. i dont believe enabling fixed width is a fix because then youll have tons of dead space when short messages are sent. the extra space makes the chat look bulky. this chat is one of the few free assets ive found online that i actually like. would really really appreciate a fix! 1747367879800.png
 
@asdfss go into your OBS browser source settings and adjust the width there, it should automatically adjust itself to the dimensions you set there
 
Back
Top