• Yudeunagi
    これはUnacast向けのCSSジェネレータです
  • 256 名無しさん2021/01/25(月) 14:44:29.09
    ・使い方
    １．全般タブで背景色と背景透明度や全体的な文字サイズを決めます
    ２．アイコンタブでアイコンのサイズや角丸具合を決めます
    ３．レス表示や名前欄等の色、サイズを個別に設定したい場合は。
    　　項目名の横にあるチェックボックスをONにしてください
    　　（チェックOFFの場合はデフォ設定、または全般タブで設定した値を使います）
    ４．値を変更するとページ下部にあるBOXにCSSが出力されるのでそれをOBSのブラウザソースのカスタムCSSの末尾に張り付けてください。
  • 255 名無しさん2021/01/25(月) 14:44:01.91
    ご意見、ご要望はきゃすけのコメント欄まで
  • 256 名無しさん2021/01/25(月) 14:44:01.91
    y)おしーーーーりしーーーーりしーーーーりしーーーーりらーーーーんどーーーーーーーーーー
  • レス読み込みを開始しました
レス表示枠の設定。
項目 設定値
プレビューサイズ
サイズ(横)
サイズ(縦)
位置(横)
位置(縦)


※ 上記の設定はCSSでは出力されません、実際の運用時はOBS側で調整してください

項目 設定値
背景色
背景透明度
文字サイズ
フチの色
フチのサイズ
フォント指定 みじっそうです・・・


Todo：1280x720の枠そのままだと環境によっては画面が見ずらいので画面幅によって縮小するようにする（CSSメディアクエリでできると思う）
もしくはラジオボタンでプレビューサイズ切り替え（自由に切り替えられた方が良い気がする）

項目 設定値
サイズ
角丸
右側の余白
設定するときはチェックボックスをONにしてね。
項目 設定値
文字色
文字サイズ
フチの色
フチのサイズ

※フチの太さを最大にするとCSSがマジパネェことになるのでお気を付けください。

設定するときはチェックボックスをONにしてね。

項目 設定値
文字色
文字サイズ
フチの色
フチのサイズ

※フチの太さを最大にするとCSSがマジパネェことになるのでお気を付けください。

設定するときはチェックボックスをONにしてね。

項目 設定値
文字色
文字サイズ
フチの色
フチのサイズ

※フチの太さを最大にするとCSSがマジパネェことになるのでお気を付けください。

設定するときはチェックボックスをONにしてね。

項目 設定値
文字色
文字サイズ
フチの色
フチのサイズ

※フチの太さを最大にするとCSSがマジパネェことになるのでお気を付けください。

良い感じのCSSにするポイント

  • 基本的には「全般」「アイコン」タブでサイズを調整して残りのタブで色を選ぶ、という使い方が綺麗にまとまると思います。
  • 文字の色を原色（真っ赤とか真っ青とか）にすると読みづらいので レス表示部の色は白や黒、又は薄めの色を選ぶと良いです。
  • 名前やレス番号は比較的濃い色でも何とかなります。
  • フチの色は基本的に白(#ffffff)か黒(unacastデフォだと#333333)が使いやすいです、文字が明るい色なら黒、暗い色なら白を選ぶと良いでしょう。
あとなんか良いコツ知ってたらコメント欄にオナシャス！！

文字のフチに関して

※フチの太さに関してはCSSでtext-stroke というものがあるのですが これは使い勝手がイマイチなのでtext-shadowを使ってフチを表現しています。 そのせいでフチを太くするとCSSの量がマジパネェことになるのは許して・・・。