1 CSSセレクタの指定

👉 セレクタの簡単な取得手順(推奨):
  1. 表示したいページ(YouTube Studio等)で、対象の数字(登録者数など)を右クリック > 「検証」 を選択。
  2. デベロッパーツール(HTMLコード画面)で青く選択された行を右クリック > 「コピー (Copy)」 > 「セレクタをコピー (Copy selector)」。
  3. コピーした内容を下の入力欄に貼り付けます。

2 デザインカスタマイズ

画面右側のプレビュー枠や、テスト用の文字を変更できます。
48px
#ffffff
4px
#000000
10px
2.0秒

デザインの保存・復元

スロットを選択してください。
デザインデータをBase64コードで共有・復元できます。

OBS プレビュー

透過
黒
グリーン
マゼンタ
25

生成されたカスタムCSS

コピー
OBS Studio への適用方法:
  1. 上のテキストエリアからCSSコードをコピーします。
  2. OBSのソースリストで、対象の「ブラウザ」ソースをダブルクリック(または右クリックからプロパティ)します。
  3. 下部にある「カスタムCSS」欄の既存テキストをすべて削除し、コピーしたCSSを貼り付けます。
  4. 「OK」をクリックすると、チャンネル登録者数だけが切り出され、指定スタイルで表示されます。