【わんコメテンプレート】初心者向け！すぐ使えるかわいいコメント欄「プラスチック」【コメントCSS】
- 全色セットDigital3,500 JPY
- 黒Digital800 JPY
- 灰Digital800 JPY
- 赤Digital800 JPY
- 青Digital800 JPY
- 緑Digital800 JPY
- 紫Digital800 JPY
- 黄Digital800 JPY
- ピンクDigital800 JPY
背景付きのシンプルでかわいいチャット欄 『スパチャ（ギフト）対応』『カスタム可能』 わんコメ専用のコメントテンプレートです。白い背景と時計日付がはじめからついているライブ配信にぴったりなチャット欄です。 白いチャット欄専用背景がついているのでどんな配信画面にもすぐに使えます！ 下部にはお好きな文章を流せるインフォメーションエリアもあります。スーパーチャットやギフトにも対応していますので、ライブ配信のオトモにご活用下さい！ また設置が簡単なのでわんコメ初心者の方にもおすすめです。 カスタムCSSでカスタマイズする事も可能！ ソースコードを変更したくない人の為に、8色展開も用意しました！
オススメの表示サイズ
デフォルト： 横:最小340px / 高:自由 html {zoom: 150%;}の時： 横:最小520px / 高:自由 ※最小値より小さくするとオブジェクトが重なりデザインが崩れます。
わんコメテンプレートの設定方法
① わんコメへインストール ダウンロードした後に、わんコメのメニューから[テンプレート]を選択し、開いた画面にドラッグアンドドロップするか、右上にあるフォルダマークをクリックし、ダウンロードしたデータを選択し「開く」をクリックしてインストールします。 ② OBSへ設定 インストールしたらテンプレート画面からインストールしたテンプレートを見つけます。その項目にある[ここをドラッグしてOBSに入れる]をドラッグアンドドロップしてOBSのソースウインドウへいれてください。index.htmlという名称でOBSのソース画面に設定出来ます。ソースの名称はお好きな名称に変更してください。 ③ 下部のテキストエリアを設定 読み込んだソースをダブルクリックして、カスタムCSSに下記のものを入れてください。 元から入っているものは消してしまって問題ありません。 カスタムCSSで" "の中身を表示したい文字に書き換えます。 :root { --ktx-marquee:"OBSのカスタムCSSで表示したい文章を入れます"; } ④ 横幅・高さの設定 OBSの該当ソースをダブルクリックして開くと幅や高さの項目でチャット欄の大きさを固定できます。下記の項目を参照して幅や高さを調整してください。 ※綺麗に表示する為に ソースを右クリックして、ブレンド方法 → SRGBオフにしてください。
カスタムＣＳＳによるカスタマイズ
■ 全体の大きさを変更する html {zoom: 150%;} /* 好きなサイズに設定してください */ ■ 黒にする :root {--ktx-set-color:#000;} ■ 灰にする :root {--ktx-set-color:#999;} ■ 赤にする :root {--ktx-set-color:#F84C5D;} ■ 青にする :root {--ktx-set-color:#4C84F8;} ■ 緑にする :root {--ktx-set-color:#6fd5cb;} ■ 黄にする :root {--ktx-set-color:#F8A84C;} ■ 紫にする :root {--ktx-set-color:#A24CF8;} ■ ピンクにする :root {--ktx-set-color:#FF808B;} ■ 全体設定 :root { --ktx-set-color:#6fd5cb;/* テキストの色 */ --ktx-marquee:"OBSのカスタムCSSで表示したい文章を入れます"; /* 表示したいテキストを入れてください */ /* name */ --ktx-name-text-color:rgba(255,255,255,.5); /* 名前の色 */ --ktx-name-text-size:10px; /* 名前のフォントサイズ */ /* comment */ --ktx-comment-text-color:#fff; /* コメントの色 */ --ktx-comment-text-size:14px; /* コメントのフォントサイズ */ /* info area */ --ktx-info-set-color:#f2f2f2; /* インフォエリアの背景の色 */ --ktx-info-text-color:#999; /* インフォエリアのテキストの色 */ /* paid */ --ktx-paid-text-color:#fff; /* スパチャの文字の色 */ --ktx-paid-text-size:16px; /* スパチャの文字のサイズ */ }
有償でオリジナルわんコメテンプレート作ります
オリジナルわんコメテンプレート制作受付中！（有償のみ、18,000円～） 詳しくはココナラかＸから https://coconala.com/services/2557494 その他配信画面まるごと全部制作依頼を受付中 詳しくは下記へ https://coconala.com/services/2557386
是非フォローしてください！
最新の素材の配布や配信や活動に役立つ情報を投稿しているので、気軽にフォローしてね！ https://twitter.com/kentax