【OBS】周回軌道で流れるコメントCSS【色変え自由】
- 【星】周回軌道で流れるコメントCSSDigital500 JPY
- 【月】周回軌道で流れるコメントCSSDigital500 JPY
- 【太陽】周回軌道で流れるコメントCSSDigital500 JPY
- 【花】周回軌道で流れるコメントCSSDigital500 JPY
- 【ねこ】周回軌道で流れるコメントCSSDigital500 JPY
- 【肉球】周回軌道で流れるコメントCSSDigital500 JPY
- 【ハート】周回軌道で流れるコメントCSSDigital500 JPY
- 【うさぎ】周回軌道で流れるコメントCSSDigital500 JPY
- 【8種セット】周回軌道で流れるコメントCSSDigital2,000 JPY
周回軌道をモチーフが流れるアニメーション付きコメントCSSです。 わんコメ版とOBSカスタムCSS版では下記の違いがありますのでご注意ください。 ※それぞれのファイルに注意事項がありますので下記を必読のうえDLしてご利用ください 配信者のためのコメントアプリ【わんコメ】→https://onecomme.com/ ※わんコメご利用の際は利用規約をよくお読みになり、クレジットの記載を必ずお願いいたします
✦商品内容✦
【わんコメ版】 すべての色を自由に変えられる 【OBSカスタムCSS版】 コメント欄の名前の先頭に付くモチーフ以外の色を変えられる ▼モチーフ ハート / 星 / ねこ / 肉球 / 花 / 太陽 / うさぎ / 月 ▼セット商品（4種以上欲しい時はこちらがお得です） 全モチーフ計8種の時計が入っています
✦使用方法：わんコメ版✦
1⃣【わんコメ用】フォルダ内の【comment_●●】フォルダをわんコメのテンプレートにドラッグ＆ドロップ2⃣ 追加したテンプレ―トの【ここをドラッグしてOBSに入れる】箇所をOBSのソース欄にドラッグ＆ドロップする 3⃣ 2⃣ で追加された【index.html】ソースで、幅・高さを任意のものに設定する 4⃣ 下記を参考にして、変更したい箇所に関連する記述を変更し、OBSのカスタムCSSに追加する ---------------------------------------------------------- :root { --color: #66ffb3; /* 周回軌道ボーダーや名前の前のモチーフ色 */ --name-color: #66ffb3; /* 名前の色 */ --message-color: #66ffb3; /* テキストの色 */ --comment-width: 500px; /* コメント全体の横幅 */ } ---------------------------------------------------------- ※OBSの表示が変わらないもしくは真っ黒になった場合、OBSを再起動してください
✦使用方法：OBSカスタムCSS版✦
1⃣ OBSのソースにコメント欄を追加する(追加方法は各プラットフォームのやり方を参考にしてください) 2⃣ 追加したコメント欄ソースの幅・高さを任意のものに設定する 3⃣ カスタムCSSの部分に、【OBSカスタムCSS用】フォルダに入っている【orbit-●●.txt】の中身をすべてコピーして貼り付ける 4⃣ 追加したCSSの最初の方に記述している下記のroot部分で、変更したい箇所の色を変更する ---------------------------------------------------------- :root { --color: #66ffb3; /* 周回軌道ボーダーの色 */ --name-color: #66ffb3; /* 名前の色 */ --message-color: #66ffb3; /* テキストの色 */ --comment-width: 500px; /* コメント全体の横幅 */ } ---------------------------------------------------------- ※OBSカスタムCSS版では上記rootで--colorを変更しても、コメント名前の先頭に表示されるモチーフアイコンの色は変更されません
✦使用方法：周回軌道背景✦
1⃣ 【comment_bg.html】ファイルをOBSのソース部分にドラッグ＆ドロップする 2⃣ 幅と高さを正方形になるように調整する(800×800など) 3⃣ 色を変更する際は、カラーコードを変更したうえで、カスタムCSS部分に下記のコードを追加する ---------------------------------------------------------- :root { --color: #66ffb3; /* 周回軌道ボーダー・モチーフの色 */ } ---------------------------------------------------------- 4⃣ ソースを選択し、右クリックで【ブレンド方法ーSRGBオフ】に設定
✦利用規約✦
【許可事項】 ・動画やライブ配信での使用 ・クレジット等の表記不要 （ご表記いただける場合は[ペガサス工房/https://x.com/pegasus_kobo]でお願いいたします） ・商用利用可(事前のご報告は不要です) ・使用報告不要 【禁止事項】 ・公序良俗に反する活動への使用 ・法律に反する活動への使用 ・自作発言 ・再配布 【特記】 ・本ツールの著作権は放棄しておりません ・使用上の加工は自由ですが、データを改変しての再配布は禁止しております。 ・本ツールの使用に起因して発生したトラブルや損害について、制作者は一切の責任を負いかねますのでご了承ください