Moin,
hätte gerne den Livechat IM Stream so wie zB bei trainomsitv bei "Just Chatting"
Kann mir jemand mit dem CSS-Code helfen bitte?
Alles was ich probiert hab zeigt ihn nicht transparent an...
Moin,
hätte gerne den Livechat IM Stream so wie zB bei trainomsitv bei "Just Chatting"
Kann mir jemand mit dem CSS-Code helfen bitte?
Alles was ich probiert hab zeigt ihn nicht transparent an...
Könntest mal Train Omsi TV höflich fragen, wenn er sich damit auskennt.
Aber eigentlich müsste das irgendwie mit OBS gehen
Ja, mache ich.
Hab auch den Code probiert, den iajer ja auf seiner Seite freigegeben hat, geht auch nicht...
Code ist im Spoiler.
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:900);
@import url(https://fonts.googleapis.com/css?family=Raleway:800);
/*hide color bar*/
.accent-bar {
display: none;
}
/*style username*/
.live-chat-widget .comment .author a {
font-size: 27px;
font-family: 'Titillium Web', sans-serif;
color:#debc00;
text-shadow:
1px 3px 0px #000, 2px 2px 0px #000, 3px 1px 0px #000, 3px 0px 0px #000, 3px -1px 0px #000, 2px -2px 0px #000, 1px -3px 0px #000,
-1px 3px 0px #000, -2px 2px 0px #000, -3px 1px 0px #000, -3px 0px 0px #000, -3px -1px 0px #000, -2px -2px 0px #000, -1px -3px 0px #000,
3px 1px 0px #000, 2px 2px 0px #000, 1px 3px 0px #000, 0px 3px 0px #000, -1px 3px 0px #000, -2px 2px 0px #000, -3px 1px 0px #000,
3px -1px 0px #000, 2px -2px 0px #000, 1px -3px 0px #000, 0px -3px 0px #000, -1px -3px 0px #000, -2px -2px 0px #000, -3px -1px 0px #000;
}
/*style text*/
.live-chat-widget .comment-text {
display: inline;
font-family: 'Raleway', sans-serif;
font-size: 24px;
color:#e1e9ec;
line-height: 32px;
text-shadow:
1px 3px 0px #000, 2px 2px 0px #000, 3px 1px 0px #000, 3px 0px 0px #000, 3px -1px 0px #000, 2px -2px 0px #000, 1px -3px 0px #000,
-1px 3px 0px #000, -2px 2px 0px #000, -3px 1px 0px #000, -3px 0px 0px #000, -3px -1px 0px #000, -2px -2px 0px #000, -1px -3px 0px #000,
3px 1px 0px #000, 2px 2px 0px #000, 1px 3px 0px #000, 0px 3px 0px #000, -1px 3px 0px #000, -2px 2px 0px #000, -3px 1px 0px #000,
3px -1px 0px #000, 2px -2px 0px #000, 1px -3px 0px #000, 0px -3px 0px #000, -1px -3px 0px #000, -2px -2px 0px #000, -3px -1px 0px #000;
}
.live-chat-widget .comment .author a:after {
content: ":";
}
/*Moderator name color*/
.live-chat-widget .comment.author-is-moderator a{
color:#28a5bc !important;
}
/*Streamer name color*/
.live-chat-widget .comment.author-is-owner a{
color:#0a809a !important;
}
/*Moderator icon offset*/
.live-chat-widget .comment.author-is-owner .yt-user-photo {
margin-top:3px;
}
/*Icon offset*/
.yt-user-photo{
margin-top:7px
}
/*Chatroom isolation*/
#live-comments-controls {
display: none;
}
/*Fix Padding*/
#body-container,
.live-chat-widget .comment .content,
.live-chat-widget .comment,
.yt-card.yt-card-has-padding {
padding: 2px!important;
}
/*Body background color*/
body , .live-chat-page{
background: transparent;
/*background:red;*/
}
/*Comment inline*/
.live-chat-widget .comment.author-is-owner .byline{
display:inline !important;
}
/*Hide scrollbar*/
body,
.live-chat-widget #comments-scroller{
overflow:hidden !important;
border:none;
}
/*Lock chatroom to top*/
#content,
#watch7-sidebar {
bottom: 0;
}
.live-chat-widget .comment.fan-funding-tip, .live-chat-widget .comment.new-member-announcement, .live-chat-widget.dark .comment.fan-funding-tip, .live-chat-widget.dark .comment.new-member-announcement {
background-color: #0f9d58;
}
.live-chat-widget .comment:nth-of-type(2n) {
background-color: rgba(28, 28, 28, 0);
min-width:80px;
}
.live-chat-widget .comment {
position: relative;
padding: 12px 14px;
background-color: rgba(28, 28, 28, 0);
overflow: hidden;
margin:6px;
}
.live-chat-widget .gaming-promo {
display:none;
}
Alles anzeigen
Schon das Video angeschaut?
Nein xD
Muss los, gucks nachher an.
Danke