注意
本件はサポート致しません。自己責任でお願いします。
カスタムCSSが動かなくなった際、ココフォリアさんに問い合せをしないでください。
Update
[2023/03/04 01:38]
ココフォリア 1.24.4に対応しました（たぶん）
あと今後の更新頻度が減るような書き方をしました（おそらく）
Info
[2023/03/04 01:38]
ココフォリア 1.24.4にて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");
.MuiButtonBase-root+div+div>div:nth-child(1),
.MuiPaper-rounded+div>div:nth-child(1) {
display: flex;
}注意
:nth-child(1)が2つ存在するので、両方とも同じ数値に書き換えてくださいね。じゃないとうまく動かないよ。
※表記が古い状態ですが、参考だと思って下さい
横並びにしたいとき
もし横並びにしたい場合は、 以下のCSSを追加します。
※200の倍数で列数が変わります
.MuiButtonBase-root+div+div>div>div>div,
.MuiPaper-rounded+div>div>div>div {
max-width: 400px;
}
.MuiButtonBase-root+div+div>div>div>div,
.MuiPaper-rounded+div>div>div>div {
max-width: 600px;
}
ステータスの背景を削除したいとき
もしステータスの背景を削除したい場合は、以下のCSSを追加します。
.MuiButtonBase-root+div+div>div>div>div>div>div:nth-child(2),
.MuiPaper-rounded+div>div>div>div>div>div:nth-child(2) {
display: none;
}
デザイン2
準備中……