ココフォリアのカスタムCSS ステータスのみ

注意

本件はサポート致しません。自己責任でお願いします。

カスタムCSSが動かなくなった際、ココフォリアさんに問い合せをしないでください。

Info

今後、このカスタムCSSは削除される可能性があります。

新しい吹き出し用のカスタムCSSを作成しましたので、こちらをお使いください。

あわせて読みたい

ココフォリアのカスタムCSS ステータス（固定化）注意本件はサポート致しません。自己責任でお願いします。カスタムCSSが動かなくなった際、ココフォリアさんに問い合せをしないでください。お願いもし配信等で利用…

お願い

もし配信等で利用される際は、概要欄にURLなど記載頂けると励みになります！

OBSでココフォリアを表示させる時のカスタムCSSについて | U7D05 BAR
https://ydk.vc/obs-ccfolia-css/

デザイン1

URL	ココフォリアのURL
幅	1000
高さ	300
	「OBSを介して音声を制御する」にチェック

カスタムCSSに記載した :nth-child(1) の数値を変更することで、表示されるステータスが変わります
ソース追加後、トリミングすると扱いやすくなります
NPCやエネミーのステータスが表示され、順番が変わるとカスタムCSSを書き直す必要性があります
ステータスの項目数が増えると縦に長くなるので注意が必要です

@import url("https://yudukiak.github.io/ccfoliaCSS/CSS/status.css");

div[tabindex="0"][style^="right:"]>div>div:nth-child(1) {
  display: flex;    
}

注意

末尾の >div:nth-child(1) { にある数値だけ編集してね！

※1 上記のように(1)だと1番目のステータスが表示され、(3)だと3番目のステータスが表示されます
※表記が古い状態ですが、参考だと思って下さい

※2 追加したステータスのサイズ変更をする際、Altキーを押しながら弄るとトリミングできます

オプション機能・色変更機能

オプション機能および色変更機能については、下記の記事を参考にしてください（同じことができます）。

この記事を書いた人

紅坂柚月自称天才プログラマー

お酒が大好きなバ美肉VTuber。

お出掛けの時は和服を着てます。
プログラムは独学で遊んでます。

ココフォリアのカスタムCSS ステータスのみ

デザイン1

オプション機能・色変更機能

この記事を書いた人

関連記事