トップ / 使い方 / 機能の設定の項目ごとの説明 / コメント表示:カスタム(CSS)

コメント表示:カスタム(CSS) の設定の項目

コメント表示の「カスタム(CSS)」は、テンプレートを自分で作り込む画面です。基本設定と同じ項目に加えて、3D の向き・コメジェネ(ほかのコメントジェネレーター)のスキンを使う設定があります。ここで保存したものはテンプレートとして残り、基本設定の「エディタ」から選べます。

ダッシュボード→〔機能〕→配信画面に出す→〔コメント表示:カスタム(CSS)〕

動画:設定画面の各まとまりを順に映します(枠と番号は、下の見出しと同じ順です)。

テンプレート

テンプレート

コメント表示:カスタム(CSS) の設定の「テンプレート」の欄

編集するテンプレートを選びます。新しく作るときは「名前を付けて保存」で増やします。配信画面に出すテンプレートは、基本設定の「エディタ」で選びます。

ベース

表示スタイル

コメント表示:カスタム(CSS) の設定の「表示スタイル」の欄

コメントの形(カード・吹き出し・帯など)です。基本設定と同じです。

枠の形

コメント表示:カスタム(CSS) の設定の「枠の形」の欄

コメントを囲む枠の形です。

流れ方

コメント表示:カスタム(CSS) の設定の「流れ方」の欄

新しいコメントが来たときの動きです。

流れる位置

コメント表示:カスタム(CSS) の設定の「流れる位置」の欄

コメントを出す位置です。

フォント

コメント表示:カスタム(CSS) の設定の「フォント」の欄

書体です。取り込んだ書体も選べます。

配置

コメント表示:カスタム(CSS) の設定の「配置」の欄

コメント全体の寄せ(左・中央・右)です。

出現アニメ

コメント表示:カスタム(CSS) の設定の「出現アニメ」の欄

出てくるときの動きです。

動きの速さ

コメント表示:カスタム(CSS) の設定の「動きの速さ」の欄

動きの速さです。大きいほど速く。

はじめの値:100

文字・色

文字サイズ(px)

コメント表示:カスタム(CSS) の設定の「文字サイズ(px)」の欄

本文の文字の大きさです。ほかの大きさは、この値に対する割合で決めます。

名前の色

コメント表示:カスタム(CSS) の設定の「名前の色」の欄

名前の色です。

名前を枠で囲う

コメント表示:カスタム(CSS) の設定の「名前を枠で囲う」の欄

名前を小さな枠で囲みます。

名前の枠の色

コメント表示:カスタム(CSS) の設定の「名前の枠の色」の欄

名前を囲む枠の色です。

本文の色

コメント表示:カスタム(CSS) の設定の「本文の色」の欄

本文の色です。

背景(カード/吹き出し)

背景色

コメント表示:カスタム(CSS) の設定の「背景色」の欄

地の色です。

背景の不透明度%

コメント表示:カスタム(CSS) の設定の「背景の不透明度%」の欄

地の濃さです。0 で透明。

改行する文字数/背景幅(0=自動)

コメント表示:カスタム(CSS) の設定の「改行する文字数/背景幅(0=自動)」の欄

1行の文字数(=地の幅)です。0 で自動。

はじめの値:0

背景の高さ(px,0=自動)

コメント表示:カスタム(CSS) の設定の「背景の高さ(px,0=自動)」の欄

地の高さの固定値です。0 で自動。

はじめの値:0

角丸(px)

コメント表示:カスタム(CSS) の設定の「角丸(px)」の欄

地の角の丸さです。

余白(px)

コメント表示:カスタム(CSS) の設定の「余白(px)」の欄

地の内側の余白です。

右余白(画面端)

コメント表示:カスタム(CSS) の設定の「右余白(画面端)」の欄

画面の右端からの空きです。

右余白の単位

コメント表示:カスタム(CSS) の設定の「右余白の単位」の欄

右余白の単位(px か %)です。

行間(px)

コメント表示:カスタム(CSS) の設定の「行間(px)」の欄

コメントどうしの空きです。

3D向き(傾き)

横回転X(傾き)

コメント表示:カスタム(CSS) の設定の「横回転X(傾き)」の欄

横の軸で倒す角度です。

はじめの値:0

縦回転Y(傾き)

コメント表示:カスタム(CSS) の設定の「縦回転Y(傾き)」の欄

縦の軸で回す角度です。

はじめの値:0

奥行き(perspective)

コメント表示:カスタム(CSS) の設定の「奥行き(perspective)」の欄

回転したときの遠近の強さです。

全体サイズ%

コメント表示:カスタム(CSS) の設定の「全体サイズ%」の欄

コメント全体の拡大率です。

はじめの値:100

位置(X / Y)

位置 X(px)

コメント表示:カスタム(CSS) の設定の「位置 X(px)」の欄

横のずらしです。プレビューでつかんで動かしても変わります。

位置 Y(px)

コメント表示:カスタム(CSS) の設定の「位置 Y(px)」の欄

縦のずらしです。

表示

最大表示件数

コメント表示:カスタム(CSS) の設定の「最大表示件数」の欄

同時に出しておく件数です。

最大文字数(0=無制限)

コメント表示:カスタム(CSS) の設定の「最大文字数(0=無制限)」の欄

本文をこの文字数で切ります。0 で切りません。

消える秒数(0=残す)

コメント表示:カスタム(CSS) の設定の「消える秒数(0=残す)」の欄

出てから消えるまでの秒数です。0 で残します。

久々バッジを出す

コメント表示:カスタム(CSS) の設定の「久々バッジを出す」の欄

久しぶりに来た人に印を付けます。

アイコン(色ドット)

コメント表示:カスタム(CSS) の設定の「アイコン(色ドット)」の欄

アイコンの代わりに色の丸を出します。

アイコン表示

コメント表示:カスタム(CSS) の設定の「アイコン表示」の欄

アイコンを出します。

名前表示

コメント表示:カスタム(CSS) の設定の「名前表示」の欄

名前を出します。

名前の位置

コメント表示:カスタム(CSS) の設定の「名前の位置」の欄

名前を本文の前に出すか後ろに出すかです。

本文の寄せ

コメント表示:カスタム(CSS) の設定の「本文の寄せ」の欄

本文の寄せです。

アイコンとのあいだ(px)

コメント表示:カスタム(CSS) の設定の「アイコンとのあいだ(px)」の欄

アイコンと文字のあいだの空きです。

名前と本文のあいだ(px)

コメント表示:カスタム(CSS) の設定の「名前と本文のあいだ(px)」の欄

名前と本文のあいだの空きです。

アイコンサイズ%

コメント表示:カスタム(CSS) の設定の「アイコンサイズ%」の欄

アイコンの大きさ(割合)です。

名前サイズ%

コメント表示:カスタム(CSS) の設定の「名前サイズ%」の欄

名前の大きさ(割合)です。

バッジサイズ%

コメント表示:カスタム(CSS) の設定の「バッジサイズ%」の欄

バッジの大きさ(割合)です。

ユーザーID表示

コメント表示:カスタム(CSS) の設定の「ユーザーID表示」の欄

サイトのユーザー ID を小さく出します。

ユーザーIDの色

コメント表示:カスタム(CSS) の設定の「ユーザーIDの色」の欄

ユーザー ID の色です。

ユーザーIDサイズ%

コメント表示:カスタム(CSS) の設定の「ユーザーIDサイズ%」の欄

ユーザー ID の大きさ(割合)です。

初見(はじめての人)

初見バッジを出す

コメント表示:カスタム(CSS) の設定の「初見バッジを出す」の欄

初見さんにバッジを付けます。

初見バッジの位置

コメント表示:カスタム(CSS) の設定の「初見バッジの位置」の欄

バッジを名前の前か後ろか。

初見を枠で囲う

コメント表示:カスタム(CSS) の設定の「初見を枠で囲う」の欄

初見さんのコメントを枠で囲みます。

初見バッジの色

コメント表示:カスタム(CSS) の設定の「初見バッジの色」の欄

初見バッジの色です。

初見の枠の色

コメント表示:カスタム(CSS) の設定の「初見の枠の色」の欄

初見さんを囲む枠の色です。

翻訳表示

翻訳を表示

コメント表示:カスタム(CSS) の設定の「翻訳を表示」の欄

訳文を配信画面に出します。

翻訳の色

コメント表示:カスタム(CSS) の設定の「翻訳の色」の欄

訳文の色です。

翻訳のサイズ%

コメント表示:カスタム(CSS) の設定の「翻訳のサイズ%」の欄

訳文の大きさ(割合)です。

翻訳の接頭辞

コメント表示:カスタム(CSS) の設定の「翻訳の接頭辞」の欄

訳文の頭に付ける印です。

例文の翻訳言語プレビュー用(保存されません)

コメント表示:カスタム(CSS) の設定の「例文の翻訳言語プレビュー用(保存されません)」の欄

プレビューの見本の訳文を、どの言語で見せるかです。確かめるためだけのもので、保存されません。

コメジェネスキン

ほかのコメントジェネレーター向けに作られたスキン(HTML/CSS)を、そのまま使えます。設定 →〔素材〕から入れた素材が並びます。

モード

コメント表示:カスタム(CSS) の設定の「モード」の欄

もりあげログの見た目を使うか、コメジェネのスキンを使うかです。

プリセット

コメント表示:カスタム(CSS) の設定の「プリセット」の欄

使うスキンを選びます。

ガイド枠

コメント表示:カスタム(CSS) の設定の「ガイド枠」の欄

プレビューに OBS のキャンバス(1920×1080)の枠を出して、置き場所を確かめやすくします。配信には出ません。

デザインコメント表示:基本設定コメントキャラ機能の設定の項目ごとの説明