羽白ありま | Arima Haneshiro

自由に色を変えられて、日付の位置も調整できる、電波モチーフ付きのデジタル時計です。 ※アニメーションなし：無料 ※アニメーションあり：有料 ▼色変更方法 指定のコードでお好みのカラーコードに変更することで全体の色を変更できます 下記を指定のブラウザソースのカスタムCSSに追加してください ●--sub_color:日付文字色 ●--base_color:枠・時計文字色 ●--icon_color:アイコンの色 ※下記のカラーコードは初期設定ですfff,B68DD0の箇所を変更して下さい -------------------------- :root { --sub_color: #fff; --base_color: #B68DD0; --icon_color: #B68DD0; } -------------------------- ▼日付位置変更方法(左上の場合) 下記を指定のブラウザソースのカスタムCSSに追加してください ※DLファイルにすべてのパターンのテンプレートをtxtファイルで同梱しています -------------------------- :root { --direction_dateTop: column; --align_start: start; --dateRound_top: 10px 10px 0 0; --dateRound_topLeft_timeRound: 0 10px 10px 10px; } #clock { flex-direction: var(--direction_dateTop); align-items: var(--align_start); } #date { border-radius: var(--dateRound_top); } .time-container { border-radius: var(--dateRound_topLeft_timeRound); } -------------------------- ▼使用方法 ➀OBSでブラウザソースを追加 ②URLに使用する時計のURLをコピペ ③カスタムCSSに上記色指定、日付指定のコードを追加 ④幅と高さを任意のものに指定 ⑤追加したブラウザソースを右クリックして、【ブレンド方法ーSRGBオフ】に設定 ▼利用規約 【許可事項】 ・動画やライブ配信での使用 ・クレジット等の表記不要 （ご表記いただける場合は[羽白ありま/X:@arima_wing]でお願いいたします） ・商用利用可(事前のご報告は不要です) ・使用報告不要 【禁止事項】 ・公序良俗に反する活動への使用 ・法律に反する活動への使用 ・自作発言 ・再配布 【特記】 ・本ツールの著作権は放棄しておりません ・使用上の加工は自由ですが、データを改変しての再配布は禁止しております。 ・本ツールの使用に起因して発生したトラブルや損害について、制作者は一切の責任を負いかねますのでご了承ください