【カスタムCSS】ココフォリアのステータスを個別に表示する方法

 ココフォリアのキャラを出し入れすると配信画面のステータス表示が崩れる!

そういうお悩みが解消される記事です。


必要な前提知識

①ココフォリアを操作できること

②OBSで簡単な配信画面を作れること


詳細な手順

①キャラのIDを取得する





















②URLを作成する
以下のフォーマットに沿ってURLを作成してください。

【部屋のURL】/characters/【コピーしたキャラクターID】
例)https://ccfolia.com/rooms/xxxxxxxxxx/characters/Om47T33sofSvNtc1tMIg

③ココフォリアにソースを追加する




























④プロパティを設定する



























参照動画 ←このリンクから動画再生できます
https://www.youtube.com/watch?v=mKbj8NFwLfA

上記動画の内容に沿って進めた上で、@important~の行の記載だけを
以下の魔法の言葉に書き換えてください。

◆カスタムCSS欄の先頭に貼りつける魔法の言葉

@import url("https://ghgantz.github.io/customCss/ccfolia/individualStatus.css");


◆Scrapbox(スタイルのアイデア集)
https://scrapbox.io/you-custom-css/

ちょっとばかし根気のいる作業になるとは思いますが、
慣れてくると少しは楽になると思います。

それではみなさん、よきTRPGライフを!!

コメント

このブログの人気の投稿

いあきゃらの拡張機能を作成しました

ココフォリアの別窓はこう使え!