Author Topic: CLR Chat Custom CSS?  (Read 5970 times)

0 Members and 1 Guest are viewing this topic.

CalToxReaper

  • Youngling
  • *
  • Posts: 27
  • Karma: +0/-0
    • View Profile
  • Twitch Name: CalToxReaper
CLR Chat Custom CSS?
« on: May 30, 2015, 11:29:03 PM »
hey everyone one i am looking for some help or someone that can write me a quick css template for my chat.
i got rid of the fade in and fade out, i would love the box that showing on screen to fill all the space so when i go to edit my scene it will show me the borders with the red marks i hope that made sense and make it more transparent so you can see what's being played in game (see screenshot), and i here you can make the names of all the users one color and that vip users can choose their own color shown on screen this will help me get more ppl to donate to my stream any help would be great thanks!


CalToxReaper

  • Youngling
  • *
  • Posts: 27
  • Karma: +0/-0
    • View Profile
  • Twitch Name: CalToxReaper
Re: CLR Chat Custom CSS?
« Reply #1 on: May 30, 2015, 11:40:28 PM »
basically i would live to see it work like http://www.twitch.tv/hollywoodscotty/profile chat on screen thanks if anyone can help me out!

TheNumbLock

  • Advisor
  • Councilor
  • **
  • Posts: 4776
  • Karma: +137/-5
    • View Profile
  • Twitch Name: TheNumbLock
Re: CLR Chat Custom CSS?
« Reply #2 on: May 31, 2015, 04:38:40 AM »
To make the fade go away, in the URL, you put fade=0 instead of fade=30.

As for CSS, this is the default CSS, but I made that black/grey box transparent: http://pastebin.com/nkVZnQnL

Not sure what else you need.
Old Name: RepentGamingTV
Twitch: Here

Need help ASAP?
Join Deepbot's Discord: Discord.Deepbot.tv
Deepbot's Twitter: @DeepSupport

CalToxReaper

  • Youngling
  • *
  • Posts: 27
  • Karma: +0/-0
    • View Profile
  • Twitch Name: CalToxReaper
Re: CLR Chat Custom CSS?
« Reply #3 on: May 31, 2015, 06:15:52 AM »
To make the fade go away, in the URL, you put fade=0 instead of fade=30.

As for CSS, this is the default CSS, but I made that black/grey box transparent: http://pastebin.com/nkVZnQnL

Not sure what else you need.

Ok I will try to make it more clear xD I have changed the fade, um when I use my obs to edit screen but the box is smaller then the area allude see photo above
I will look at your CSS and compare

Now it comes to the user name colors Hollywoodscooty set up a away to keep everyone's user name orange but when you became a VIP he would set these viewers color to like green for Bronze vip user, blue for sliver users, and gold for vip gold users.

I hope this made more sense

TheNumbLock

  • Advisor
  • Councilor
  • **
  • Posts: 4776
  • Karma: +137/-5
    • View Profile
  • Twitch Name: TheNumbLock
Re: CLR Chat Custom CSS?
« Reply #4 on: May 31, 2015, 09:40:05 AM »
To make the fade go away, in the URL, you put fade=0 instead of fade=30.

As for CSS, this is the default CSS, but I made that black/grey box transparent: http://pastebin.com/nkVZnQnL

Not sure what else you need.

Ok I will try to make it more clear xD I have changed the fade, um when I use my obs to edit screen but the box is smaller then the area allude see photo above
I will look at your CSS and compare

Now it comes to the user name colors Hollywoodscooty set up a away to keep everyone's user name orange but when you became a VIP he would set these viewers color to like green for Bronze vip user, blue for sliver users, and gold for vip gold users.

I hope this made more sense

Well I wouldn't be too worried about the size. And probably under .nick I believe. But I wouldn't know how to do it. Don't do much css for obs chat.
Old Name: RepentGamingTV
Twitch: Here

Need help ASAP?
Join Deepbot's Discord: Discord.Deepbot.tv
Deepbot's Twitter: @DeepSupport

CalToxReaper

  • Youngling
  • *
  • Posts: 27
  • Karma: +0/-0
    • View Profile
  • Twitch Name: CalToxReaper
Re: CLR Chat Custom CSS?
« Reply #5 on: May 31, 2015, 09:56:41 AM »
To make the fade go away, in the URL, you put fade=0 instead of fade=30.

As for CSS, this is the default CSS, but I made that black/grey box transparent: http://pastebin.com/nkVZnQnL

Not sure what else you need.

Ok I will try to make it more clear xD I have changed the fade, um when I use my obs to edit screen but the box is smaller then the area allude see photo above
I will look at your CSS and compare

Now it comes to the user name colors Hollywoodscooty set up a away to keep everyone's user name orange but when you became a VIP he would set these viewers color to like green for Bronze vip user, blue for sliver users, and gold for vip gold users.

I hope this made more sense

Well I wouldn't be too worried about the size. And probably under .nick I believe. But I wouldn't know how to do it. Don't do much css for obs chat.


Yea I get you I am not great at CSS myself