1 CSSセレクタの指定
👉 セレクタの簡単な取得手順(推奨):
- 表示したいページ(YouTube Studio等)で、対象の数字(登録者数など)を右クリック > 「検証」 を選択。
- デベロッパーツール(HTMLコード画面)で青く選択された行を右クリック > 「コピー (Copy)」 > 「セレクタをコピー (Copy selector)」。
- コピーした内容を下の入力欄に貼り付けます。
2 デザインカスタマイズ
画面右側のプレビュー枠や、テスト用の文字を変更できます。
48px
#ffffff
4px
#000000
10px
2.0秒
デザインの保存・復元
スロットを選択してください。
デザインデータをBase64コードで共有・復元できます。
OBS プレビュー
透過
黒
グリーン
マゼンタ
25
生成されたカスタムCSS
コピー
OBS Studio への適用方法:
- 上のテキストエリアからCSSコードをコピーします。
- OBSのソースリストで、対象の「ブラウザ」ソースをダブルクリック(または右クリックからプロパティ)します。
- 下部にある「カスタムCSS」欄の既存テキストをすべて削除し、コピーしたCSSを貼り付けます。
- 「OK」をクリックすると、チャンネル登録者数だけが切り出され、指定スタイルで表示されます。