OBSでココフォリアを表示させる時のCSSについて書きます

2021年7月18日2022年2月7日ゲーム,技術

私のOBSで使ってるCSSを公開します

この記事は2021年7月18日に書かれたものです。ご注意ください。

下記のサイトへ移動しました

OBSでココフォリアを表示させる時のカスタムCSSについて | U7D05 BAR

YouTubeとかでTRPGを配信する際、ココフォリアを綺麗に取り込めたらなあ……って思うことありませんか？ ...

https://ydk.vc/obs-ccfolia-css/

Posted by 紅坂柚月（みせる）

OBSで色々なデザインに変えられる「ココフォリアルームチャット」のカスタムCSSです

前にDiscordで見かけた“図形の部分だけ色が反転してる画像”をGIMPで再現してみた

コメント一覧

匿名より:
2021年11月7日 22:53
はじめまして、カスタムＣＳＳがＯＢＳに反映されない状態になってしまい困ってます。
再起動等はしたのですが、盤面のみ、ステータス、吹き出し、どれもＣＳＳが反映されない状態で表示されてしまってます。ＯＢＳの設定も弄った覚えがないのでどうしたものか困ってます。
返信
匿名より:
2021年11月7日 01:31
初めましてご紹介くださっているカスタムCSS大変使いやすく、
使用させていただいております。ありがとうございます。
早速質問で恐縮ですが、『カスタムCSS【ステータス】』のCSSについて
『(1)だと1番目のステータスが表示され、(3)だと3番目のステータスが表示されます』とのことですが
(4)にした際にうまく反映がされませんこちらのCSSは３までの表示になりますでしょうか。
同じCSSで(４)で反映されなかったものに（１）に変えると出たのですが
こちらの設定ミスでしたら申し訳ございません。
返信
- 匿名より:
  2021年11月7日 01:54
  申し訳ございません。
  自分でも理由がわかっていないのですがパソコン再起動で治りました。
  返信
  - 紅坂柚月（みせる）より:
    2021年11月7日 19:03
    不思議な現象ですね……
    直って良かったです！
    返信
匿名より:
2021年11月1日 21:10
はじめまして！
最近TRPGの録画をするのにCSSが使えると聞いて調べてここにたどり着きました！
記事を拝見してコピペしてやってみたのですが、前景とダイスチャットのは上手くできたのですが、ステータスのほうのがどうしてもうまく行きません＞＜
URLをココフォリアのURLを張り付けて、カスタムCSSにもともと書いてあるのを消してから、ここにあるCSSをコピペして貼っているのですが、結果的に何も表示されず透明な画面が出ているだけになっています・・・。
質問させていただいていいものか迷ったのですが、コメント残させていただきます＞＜
お忙しいことと思いますので、放っておいていただいてもかまいません＞＜
返信
- 紅坂柚月（みせる）より:
  2021年11月2日 13:48
  
  私の方だと問題なく動きますね……
  もし良ければTwitterとかなにかにスクリーンショット上げていただけますでしょうか？
  返信
  - 匿名より:
    2021年11月5日 02:52
    気付くのが遅くなってしまい申し訳ありません・・・！！
    設定を一つ間違っていたことが判明して、先ほど上手く行きました・・・！！
    お手数をおかけしてしまってすみません＞＜
    返信
    - 紅坂柚月（みせる）より:
      2021年11月7日 19:02
      解決して良かったです！
      返信
匿名より:
2021年10月25日 01:44
始めまして。
TRPG配信を始めるにあたりとても参考になりました！ありがとうございます！
一つ質問なのですが、ステータスを表示する際、ステータスだけでなく左隣のアイコンも一緒に表示させたい場合はどのようにすればよいでしょうか…？
初歩的な質問で申し訳ありません。どうかご教示いただけますと幸いです。
返信
- 紅坂柚月（みせる）より:
  2021年10月27日 20:07
  あ！！その需要忘れてました。
  手が空いたときに書きますね！
  返信
匿名より:
2021年10月11日 11:51
初めまして。
探していた情報を共有していただきありがとうございます。
一点思い付いたことと言いますか、質問なのですが、
カスタムCSS【吹き出し】で表示した部分を、数秒後にフェードアウトさせることは可能なのでしょうか？もしよろしければご教授いただけると幸いです。
返信
- 紅坂柚月（みせる）より:
  2021年10月27日 20:07
  わかる！！やりたい！！！
  けどココフォリアの仕様上、ルームチャットみたいに『新しい要素が生まれてる』わけでは無く、ただ単純に『文字を書き換えてる』だけのようなので無理なんです……　つらいね。
  返信
匿名より:
2021年10月9日 06:55
始めまして。最近TRPG配信を始めるにあたりとても参考になりました！
ためになる情報をありがとうございます！
一点質問なのですが、スクリーンパネルの拡大表示機能をOBS上で表示したいのですがやり方が自分では見つけられませんでした。
もしよろしければご教授いただけないでしょうか？
返信
- 紅坂柚月（みせる）より:
  2021年10月27日 20:05
  OBS上で右クリックする機能がないので、できないですね。
  マウスオーバーで表示ならできます（OBS上で右クリック→対話、で可能）。
  返信
匿名より:
2021年9月22日 10:53
初めまして。
とてもためになる情報を共有していただきありがとうございます。
初歩的な質問で大変お恥ずかしいのですが、ステータス欄やチャット欄のフォントサイズが異常に小さくなってしまい、文字がつぶれて見えなくなってしまう現象に陥っております。調べてもよくわからず、、、文字だけ大きくする方法はありませんか？お教え願いたいです。
返信
- 匿名より:
  2021年9月22日 16:55
  バージョンの問題だったようでOBSアップデートしたら治りました、、、！失礼いたしました！！
  返信
  - 紅坂柚月（みせる）より:
    2021年9月23日 09:55
    解決されたようでなによりです??
    返信
匿名より:
2021年8月22日 18:54
はじめまして、少し質問なのです。
ココフォリアのCSSですがメインタブのチャットをこのサイトを見て
綺麗に表示させる方法はわかったのですが
情報タブの表示のさせ方などがわからず現在途方に暮れています
情報タブの出し方などはあるのでしょうか
返信
- 紅坂柚月（みせる）より:
  2021年8月24日 22:01
  https://prfac.com/obs-ccfolia-css/#info-tab
  に書きましたのでご参考下さい！！！
  返信