編集者用独自構文
独自構文
フードファンタジー攻略wikiでは独自CSSを用いて公式には無い構文もどきを設定しています。
目次 (編集者用独自構文)
表に縦スクロールバーを設置
#divclass(scroll-height){}
の{}内に表を含めると長い表(450px以上)に対して縦スクロールバーを設置して小さくまとめることができます。
使用例
#divclass(scroll-height){
|CENTER:30||CENTER:|CENTER:|c
|画像|キャラ名|レア|タイプ|h
|&ref(O4NZRRdi.jpg)|どら焼き|R|魔法|
|&ref(0jtl017L.jpg)|清酒|R|魔法|
|&ref(2jMjSMad.jpg)|天ぷら|R|防御|
|&ref(vbdYTlQv.jpg)|辣条|R|パワー|
|&ref(LjarDjds.jpg)|甘酒団子|R|魔法|
・・・
}
DBの表やCOLSORT:、FILTER:、FT:、COLAUTO:なども使用できます。
#divclass(scroll-height){
#wikidb_select(キャラクター){|FILTER:FT:|||c,|サムネイル|名前:asc|タイプ|レアリティ:hide:=(M)|}
}
画像を並べる
#divclass(pic-flex){}
の{}内に画像を含めると元々のサイズが大きい画像でも画面幅に合わせて横に並べることができます
使用例
未使用
&ref(XYN5t3h4.jpg)&ref(91Fo7Fq8.png)
使用後
#divclass(pic-flex){
&ref(XYN5t3h4.jpg)&ref(91Fo7Fq8.png)
&ref(XYN5t3h4.jpg)&ref(91Fo7Fq8.png)&ref(XYN5t3h4.jpg)
}
画像を並べる(表)
|class(pic-flex-t):|
のように表にクラスpic-flex-tを設定すると表の中で画像が並べられるようになります(横のみ)
使用例
未使用
|&ref(XYN5t3h4.jpg)&ref(91Fo7Fq8.png)|
使用後
|class(pic-flex-t):&ref(XYN5t3h4.jpg)&ref(91Fo7Fq8.png)|
Discord
御侍様同士で交流しましょう。管理人代理が管理するコミュニティサーバーです
参加する