----/--/-- ---
--:--
配置位置
OBSでの配置位置に合わせて角丸パターンを選べます。
OBSブラウザソースURL
https://pochipochi-stamp.com/tools/stream-clock/simple-jetbrains-bgwhite-black-center-hm-dow/clock/OBSおすすめサイズ: 幅 240 × 高さ 110 px
カスタマイズ
変更するとURLが自動で更新されます。カスタマイズ後にURLをコピーしてください。
文字色
#1a1a2e背景色
#ffffff不透明度
95%
フォントサイズ
px
OBSでの設定方法
- OBSで「ブラウザ」ソースを追加
- URLに上記のURLを貼り付け
- 幅・高さを上記のおすすめサイズに設定
- OKを押して完了
CSSでさらにカスタマイズ
OBSの「カスタムCSS」欄に貼り付けて細かく調整できます。 ローカルフォントを使いたい場合は --clock-font-family を変更してください。
/* OBSのカスタムCSS欄に貼り付け */
:root {
--clock-color: #1a1a2e;
--clock-font-size: 48px;
--clock-font-family: 'JetBrains Mono', monospace;
--clock-bg: #ffffff;
--clock-bg-opacity: 0.95;
--clock-border-radius: 12px;
--clock-padding: 12px 24px;
}