IM スタイル | YouTube & Social Stream Chat CSS

メッセージ速度

1.5s

CSSダウンロード

プレビューサイズ

幅px

高さpx

このライブチャットスタイルの使い方

数ステップで配信に追加できます。チャットの取得方法に合ったバージョンを選んでください。

Social Stream Ninja で「Main chat overlay & control dock」の URL（dock.html?session=… のリンク）をコピーします。
URL の末尾に &hidemenu を追加すると、配信にはチャットだけが表示されます（Social Stream の操作ボタンが非表示になります）。任意で &reverse を付けると最新メッセージの向きが反転します。
その URL を OBS のブラウザソースとして追加します（1920×1080）。
ここで Social Stream 版の CSS をダウンロードし、ブラウザソースのカスタム CSS に貼り付けます。

よくある質問

このスタイルを使うのに CSS の知識は必要ですか？

いいえ。このページから .css ファイルをダウンロードし、OBS や Streamlabs のブラウザソースのカスタム CSS 欄に貼り付けるだけです。コーディングは不要です。

このライブチャットスタイルはどのプラットフォームに対応していますか？

YouTube Live に対応し、Social Stream Ninja を通じて Twitch、TikTok、Kick など 120 以上のプラットフォームに対応します。

色やレイアウトはカスタマイズできますか？

はい。このページのライブカスタマイザーで色・サイズ・エフェクトを調整し、自分だけの CSS を書き出せます。

OBS や Streamlabs で動きますか？

はい。ブラウザソースとカスタム CSS 欄があるソフトなら、OBS Studio や Streamlabs を含めどれでも動作します。

IM スタイル — 特徴