【無料版あり】お天気モチーフ付きデジタル時計
- 【アニメーションなし】お天気時計4セットDigital0 JPY
- 【アニメーションあり】お天気時計・太陽Digital500 JPY
- 【アニメーションあり】お天気時計・くもりDigital500 JPY
- 【アニメーションあり】お天気時計・雨Digital500 JPY
- 【アニメーションあり】お天気時計・雪Digital500 JPY
- 【アニメーションあり】お天気時計4セットDigital1,000 JPY
自由に色を変えられて、日付の位置も調整できる、お天気モチーフ付きのデジタル時計です。
✦内容✦
▼モチーフ 太陽 / 曇り / 雨 / 雪 ▼無料・有料の違い 無料版はアニメーションなし 有料版はモチーフにちなんだアニメーションがついています ・太陽：くるくる回る ・曇り：雲が消えたり浮かんだり ・雨：雨降り ・雪：結晶がぱらぱら ▼有料版セット 3種以上欲しい時はセット版がお得です
✦カスタマイズ方法✦
▼色変更方法 指定のコードでお好みのカラーコードに変更することで全体の色を変更できます 下記を指定のブラウザソースのカスタム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); } --------------------------
✦使用方法✦
1⃣ OBSでブラウザソースを追加 2⃣ URLに使用する時計のURLをコピペ 3⃣ カスタムCSSに上記色指定、日付指定のコードを追加 4⃣ 幅と高さを任意のものに指定 5⃣ 追加したブラウザソースを右クリックして、【ブレンド方法ーSRGBオフ】に設定
✦利用規約✦
【許可事項】 ・動画やライブ配信での使用 ・クレジット等の表記不要 （ご表記いただける場合は[ペガサス工房/https://x.com/pegasus_kobo]でお願いいたします） ・商用利用可(事前のご報告は不要です) ・使用報告不要 【禁止事項】 ・公序良俗に反する活動への使用 ・法律に反する活動への使用 ・自作発言 ・再配布 【特記】 ・本ツールの著作権は放棄しておりません ・使用上の加工は自由ですが、データを改変しての再配布は禁止しております ・色やアニメーション速度、余白などの調整はご自由に行っていただけますが、改変後のサポートは致しかねますのでご了承ください ・本ツールの使用に起因して発生したトラブルや損害について、制作者は一切の責任を負いかねますのでご了承ください