[[''&size(16){キャラパネル&color(red){&fa(fas fa-circle-right, gray);};};''>module/キャラパネル]]
*「キャラパネル」使い方 [#m3365075]
#flex_container(flex-start){{
#includex(module/キャラパネル,section=(filter=、ベル、|、???、|、コミー、,except=未実装),titlestr=off,except=^\*)
}}
# #flex_container(flex-start){{
# #includex(module/キャラパネル,section=(&color(green){filter=、ベル、|、???、|、コミー、};&color(chocolate){,except=未実装};),titlestr=off,except=^\*)
# }}
&color(,limegreen){ }; 表示したい使徒の名前・性格・種族などを書く。
念のため、使徒名などは読点「、」で挟んで書くのがオススメ。
今回の場合「ベルベット」や、今後「コミー〇〇」が抽出されることを防げる。
&color(,darkorange){ }; 除外したい使徒の条件を書く。
=の後ろを空欄にすると何も表示されなくなる。除外したい項目がなければ「,except=」は消しておく。
#shadowheader(2,用例)
#flex_container(flex-start){{{
#includex(module/キャラパネル,section=(filter=純粋,except=未実装|攻撃|守備|エルダイン|★3|★2),titlestr=off,except=^\*)
#includex(module/キャラパネル,section=(filter=、カレン、,except=未実装),titlestr=off,except=^\*)
#includex(module/キャラパネル,section=(filter=冷静,except=未実装|守備|支援|エルダイン|★3|★2),titlestr=off,except=^\*)
#flex_box(500){{
&ref(画像/妖精(色).webp,nolink,24x24); 妖精は生まれつき魔力を持っていて、生まれた時から本能のように魔法を使用できる。彼女らの魔法の実力は、全員生まれながらの魔法使いだと言われるほどに高い。妖精はよく物体に魔法をかけ、簡単な労働をさせる。強い意志を持つ物体はあまり言うことを聞かないこともある。妖精の体は小さいが、腕力は相当なもの。一般的な人間の成人よりも強いかもしれない。
}}
}}}
# #flex_container(flex-start){{{
# #includex(module/キャラパネル,section=(&color(green){filter=純粋};,except=&color(chocolate){未実装|攻撃|守備|エルダイン|★3|★2};),titlestr=off,except=^\*)
# &color(dodgerblue){#includex};(module/キャラパネル,section=(&color(green){filter=、カレン、};&color(,darkorange){ };),titlestr=off,except=^\*)
# &color(dodgerblue){#includex};(module/キャラパネル,section=(&color(green){filter=冷静};,except=&color(chocolate){未実装|守備|支援|エルダイン|★3|★2};),titlestr=off,except=^\*)
# #flex_box(500){{
# &ref(画像/妖精(色).webp,nolink,24x24); 妖精は生まれつき魔力を持っていて、生まれた時から本能のように魔法を使用できる。彼女らの魔法の実力は、全員生まれながらの魔法使いだと言われるほどに高い。妖精はよく物体に魔法をかけ、簡単な労働をさせる。強い意志を持つ物体はあまり言うことを聞かないこともある。妖精の体は小さいが、腕力は相当なもの。一般的な人間の成人よりも強いかもしれない。
# }}
# }}}
&color(,limegreen){ }; 表示したい使徒の条件を書く。
&color(,darkorange){ }; 除外したい条件がなければ「,except=」は消しておく。
&color(,dodgerblue){ }; 条件が複雑になりそうなときは2行以上で書くと良い。
並び順も少しだけコントロールできる。
#shadowheader(2,失敗例 1)
#flex_container(flex-start){{
#includex(module/キャラパネル,section=(filter=エルフ,except=未実装),titlestr=off,except=^\*)
}}
# #flex_container(flex-start){{
# #includex(module/キャラパネル,section=(&color(red){filter=エルフ};,except=未実装),titlestr=off,except=^\*)
# }}
&color(,crimson){ }; 「エルフ」を抽出しようと思ったら「エルフィン」も紛れてしまった。「、エルフ、」と読点で囲んでおくと防げる。
#shadowheader(2,失敗例 2)
#cssbox(text-align:center){{{
#flex_container(flex-start){{
#includex(module/キャラパネル,section=(filter=、エルフィン、,except=未実装),titlestr=off,except=^\*)
}}
}}}
# #cssbox(&color(red){text-align:center};){{{
# #flex_container(flex-start){{
# #includex(module/キャラパネル,section=(filter=、エルフィン、,except=未実装),titlestr=off,except=^\*)
# }}
# }}}
&color(,crimson){ }; 親要素で中央寄せされていると、性格アイコンが中央に寄ってしまう。解決策として、flex_container の外側をさらに cssbox で囲み、「text-align: left;」 を指定することで、意図しない中央寄せを回避できる。↓
#cssbox(text-align:center){{{{
#cssbox(text-align:left){{{
#flex_container(flex-start){{
#includex(module/キャラパネル,section=(filter=、エルフィン、,except=未実装),titlestr=off,except=^\*)
}}
}}}
}}}}
# #cssbox(&color(red){text-align:center};){{{{
# #cssbox(&color(red){text-align:left};){{{
# #flex_container(flex-start){{
# #includex(module/キャラパネル,section=(filter=、エルフィン、,except=未実装),titlestr=off,except=^\*)
# }}
# }}}
# }}}}