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