【OBS用CSS】サイバーパンク別雰囲気コメント欄CSS 3種セット YouTube Liveチャット ポップアウトURL対応 OBSのブラウザソース「カスタムCSS」に貼るだけで使える、 サイバーパンク世界観のコメント欄CSSセットです。 今回のセットは、 ただの“ネオン風”ではなく、 「世界観そのもの」を変える方向で制作しました。 研究施設、企業都市、違法マーケット―― それぞれ違う空気感を持ちながらも、 同じサイバーパンク系として統一感が出るよう調整しています。 また、今回のCSSは、 YouTube Liveチャットの構造に合わせた作りで制作しています。 背景透明化、不要UI非表示、#content / #message 中心の装飾構造など、情報源CSSの構成を参考に調整しています。 ━━━━━━━━━━━━━━━━━━ ■ 収録デザイン ━━━━━━━━━━━━━━━━━━ ◆ バイオ研究所・培養モニター 近未来の研究施設や医療ラボをイメージした、 清潔感のあるバイオ系サイバーパンク。 培養槽のUI、 医療端末、 監視モニター、 解析パネルのような雰囲気を取り入れています。 ミントグリーンと白緑系の発光カラーで、 SF研究施設っぽい空気感に仕上げました。 雑談配信はもちろん、 SFゲーム、 ホラー系、 研究施設風の配信画面とも相性が良いデザインです。 ━━━━━━━━━━━━━━━━━━ ◆ 企業都市・ホロ広告パネル 巨大企業のホログラム広告、 超高層都市の看板、 未来都市の街頭ビジョンをイメージしたデザイン。 青・オレンジ・白をベースに、 広告パネル感、 都市UI感、 ホログラム感を強めています。 企業管理社会、 巨大都市、 近未来広告、 サイバーシティ感のある世界観が好きな方向け。 ゲーム配信や近未来系雑談配信にも合わせやすく、 画面映えも強めです。 ━━━━━━━━━━━━━━━━━━ ◆ 違法マーケット・暗号端末 裏路地の闇市場、 ハッカー端末、 違法アクセス画面をイメージした、 ダーク寄りサイバーパンクデザイン。 赤紫系の危険色と、 暗号UIっぽい雰囲気を強めています。 裏社会、 ブラックマーケット、 違法アクセス、 ダークウェブ、 ハッカー端末系の世界観が好きな方向け。 少し怪しい、 危険そう、 裏側感のある配信画面にしたい方へおすすめです。 ━━━━━━━━━━━━━━━━━━ ■ 特徴 ━━━━━━━━━━━━━━━━━━ ・OBSに貼るだけで導入可能 ・YouTube Liveチャット ポップアウトURL対応 ・背景透明 ・スクロールバー非表示 ・名前タグ重なり対策済み ・LIVEタグ表示なし ・絵文字 / スタンプ対応 ・OBSブラウザソース向け ・3種類セット ・世界観重視のデザイン構成 ・近未来UI風アニメーション入り ━━━━━━━━━━━━━━━━━━ ■ 使い方 ━━━━━━━━━━━━━━━━━━ 1. YouTube Liveチャットの「ポップアウトチャット」を開く 2. OBSのブラウザソースにURLを設定 3. 「OBSに貼るCSS.txt」を開く 4. 中身をOBSブラウザソースの「カスタムCSS」に貼り付け これだけで使用できます。 HTMLテンプレートではなく、 「OBSに貼るだけ」で使えるタイプの商品です。 ━━━━━━━━━━━━━━━━━━ ■ こんな配信におすすめ ━━━━━━━━━━━━━━━━━━ ・サイバーパンク系配信 ・近未来世界観の雑談 ・FPS / SFゲーム配信 ・ホラーSF ・ハッカー風演出 ・Vtuber配信 ・深夜雑談 ・ネオン街風オーバーレイ ・研究施設風UI ・未来都市風レイアウト ━━━━━━━━━━━━━━━━━━ ■ 注意 ━━━━━━━━━━━━━━━━━━ ・YouTube Liveチャット専用です ・HTMLテンプレートではありません ・OBSのカスタムCSSに貼る商品です ・YouTube側の仕様変更により、将来的に調整が必要になる場合があります ・ブラウザソースのキャッシュが残っている場合は、OBS側で「キャッシュを更新」を行ってください ━━━━━━━━━━━━━━━━━━ ■ 制作 ━━━━━━━━━━━━━━━━━━ 製作者：たっくん サイバーパンクの世界観を、 “ただのネオン”では終わらせず、 それぞれ別の空気感として楽しめるよう制作しました。 配信画面を、 もっと世界観ある空間へ。