「雑記/魔物ページレイアウト案」の編集履歴（バックアップ）一覧はこちら

「雑記/魔物ページレイアウト案」(2009/04/23 (木) 00:46:28) の最新版変更点

追加された行は緑色になります。

削除された行は赤色になります。

*魔物ページレイアウト案

>&font(#00f){※「基本ページ＋生息情報ページの２ページ構成」に決定しました。(2009/04/22)}

----

**案1.二段組版
-メリット
--情報が1ページに収まる。
-デメリット
--ちょっとわかりにくい。
|名称                              |R |守|属|> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |>|>|>|>|>|>|生息情報|ドロップアイテム|備考|h
|~                                 |~ |~ |~ |炎|風|水|地|太|闇|月|遺|迷|謎|次|炎|風|水|地|太|闇|月|和|幽|知|魔|~|~|h
|BGCOLOR(#eee):黒コウモリ          |C |闇|－|○|○|○|○|○|○|○|　|○|　|　|　|　|　|　|　|　|　|　|　|　|　|黒蝙蝠のもも肉&br()黒コウモリの牙||
|~|>|>|~LLv|>|>|>|>|>|>|>|>|>|>|>|>|>|>|>|>|>|>|>|>|>|01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20|~|~|
|BGCOLOR(#eee):山猫                |C |月|－|○|○|○|○|○|○|○|　|○|　|　|　|　|　|　|　|　|　|　|　|　|　|山猫の尻尾&br()山猫の爪||
|~|>|>|~LLv|>|>|>|>|>|>|>|>|>|>|>|>|>|>|>|>|>|>|>|>|>|01|~|~|
|BGCOLOR(#eee):ハリゴブ            |C |月|－|○|○|○|○|○|○|○|　|○|　|　|　|　|　|　|　|　|　|　|　|　|　|ハリゴブの針||
|~|>|>|~LLv|>|>|>|>|>|>|>|>|>|>|>|>|>|>|>|>|>|>|>|>|>|01|~|~|
|BGCOLOR(#eee):野犬                |C |太|－|○|○|○|○|○|○|○|　|○|　|　|　|　|　|　|　|　|　|　|　|　|　|野犬の肝&br()野犬の毛皮||
|~|>|>|~LLv|>|>|>|>|>|>|>|>|>|>|>|>|>|>|>|>|>|>|>|>|>|01|~|~|

**案2.ページ分割版
基本情報のページと生息情報のページに分割する。
-メリット
--分布が直感的にわかりやすい。
-デメリット
--情報が分散する。
--横に長い。LLvが21以上あった場合さらに長くなる。
***基本情報ページ
|名称                              |R|守|属|ドロップアイテム                        |備考|h
|BGCOLOR(#eee):黒コウモリ          |C|闇|－|黒蝙蝠のもも肉&br()黒コウモリの牙       ||
|BGCOLOR(#eee):山猫                |C|月|－|山猫の尻尾&br()山猫の爪                 ||
|BGCOLOR(#eee):ハリゴブ            |C|月|－|ハリゴブの針                            ||
|BGCOLOR(#eee):野犬                |C|太|－|野犬の肝&br()野犬の毛皮                 ||
***生息情報ページ
|名称                              |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |>|LLv|> |> |> |> |> |>|Day|> |> |> |> |> |> |> |> |> |> |> |> |>|>|Area|h
|~                                 |01|02|03|04|05|06|07|08|09|10|11|12|13|14|15|16|17|18|19|20|炎|風|水|地|太|闇|月|遺|迷|謎|次|炎|風|水|地|太|闇|月|和|幽|知|魔|h
|BGCOLOR(#eee):黒コウモリ          |○|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|○|○|○|○|○|○|○|　|○|　|　|　|　|　|　|　|　|　|　|　|　|　|
|BGCOLOR(#eee):山猫                |○|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|○|○|○|○|○|○|○|　|○|　|　|　|　|　|　|　|　|　|　|　|　|　|
|BGCOLOR(#eee):ハリゴブ            |○|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|○|○|○|○|○|○|○|　|○|　|　|　|　|　|　|　|　|　|　|　|　|　|
|BGCOLOR(#eee):野犬                |○|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|○|○|○|○|○|○|○|　|○|　|　|　|　|　|　|　|　|　|　|　|　|　|
↓CSSでフォントサイズ縮小や空間除去をすることでスリムにすることは可能。
■空間除去
#divclass(stbl){
|名称                              |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |>|LLv|> |> |> |> |> |>|Day|> |> |> |> |> |> |> |> |> |> |> |> |>|>|Area|h
|~                                 |01|02|03|04|05|06|07|08|09|10|11|12|13|14|15|16|17|18|19|20|炎|風|水|地|太|闇|月|遺|迷|謎|次|炎|風|水|地|太|闇|月|和|幽|知|魔|h
|BGCOLOR(#eee):黒コウモリ          |○|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|○|○|○|○|○|○|○|　|○|　|　|　|　|　|　|　|　|　|　|　|　|　|
|BGCOLOR(#eee):山猫                |○|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|○|○|○|○|○|○|○|　|○|　|　|　|　|　|　|　|　|　|　|　|　|　|
|BGCOLOR(#eee):ハリゴブ            |○|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|○|○|○|○|○|○|○|　|○|　|　|　|　|　|　|　|　|　|　|　|　|　|
|BGCOLOR(#eee):野犬                |○|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|○|○|○|○|○|○|○|　|○|　|　|　|　|　|　|　|　|　|　|　|　|　|
}
■空間除去＋フォントサイズ縮小
#divclass(stbl2){
|名称                              |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |>|LLv|> |> |> |> |> |>|Day|> |> |> |> |> |> |> |> |> |> |> |> |>|>|Area|h
|~                                 |01|02|03|04|05|06|07|08|09|10|11|12|13|14|15|16|17|18|19|20|21|22|23|24|25|26|27|28|29|30|31|32|33|34|35|36|37|38|39|40|炎|風|水|地|太|闇|月|遺|迷|謎|次|炎|風|水|地|太|闇|月|和|幽|知|魔|h
|BGCOLOR(#eee):黒コウモリ          |○|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|○|○|○|○|○|○|○|　|○|　|　|　|　|　|　|　|　|　|　|　|　|　|
|BGCOLOR(#eee):山猫                |○|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|○|○|○|○|○|○|○|　|○|　|　|　|　|　|　|　|　|　|　|　|　|　|
|BGCOLOR(#eee):ハリゴブ            |○|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|○|○|○|○|○|○|○|　|○|　|　|　|　|　|　|　|　|　|　|　|　|　|
|BGCOLOR(#eee):野犬                |○|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|○|○|○|○|○|○|○|　|○|　|　|　|　|　|　|　|　|　|　|　|　|　|
}

**案3.詳細ページ版
一覧と別に種族ごとの詳細ページを用意する。
基本情報一覧・生息情報一覧・種族別詳細と3ページ構成でもいいかも。
-メリット
--なんかそれっぽい。
-デメリット
--構造が複雑。
***一覧ページ
|名称                                                        |R|守|属|ドロップアイテム                        |備考|h
|BGCOLOR(#eee):&link_anchor(黒コウモリ){黒コウモリ}          |C|闇|－|黒蝙蝠のもも肉&br()黒コウモリの牙       ||
|BGCOLOR(#eee):&link_anchor(山猫){山猫}                      |C|月|－|山猫の尻尾&br()山猫の爪                 ||
|BGCOLOR(#eee):&link_anchor(ハリゴブ){ハリゴブ}              |C|月|－|ハリゴブの針                            ||
|BGCOLOR(#eee):&link_anchor(野犬){野犬}                      |C|太|－|野犬の肝&br()野犬の毛皮                 ||
↓名前クリックで詳細へ
***種族別詳細ページ
#divclass(mob){
#divclass(mob_img){#image(黒コウモリ.jpg,inline)}
#divclass(mob_data){
***&aname(黒コウモリ,option=nolink){黒コウモリ}
|R |守|属|> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |ドロップアイテム|h
|C |闇|－|> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |黒蝙蝠のもも肉, 黒コウモリの牙|
|01|02|03|04|05|06|07|08|09|10|11|12|13|14|15|16|17|18|19|20|> |BGCOLOR(#999):|h
|○|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|> |BGCOLOR(#999):|
|21|22|23|24|25|26|27|28|29|30|31|32|33|34|35|36|37|38|39|40|> |BGCOLOR(#999):|h
|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|> |BGCOLOR(#999):|
|> |> |> |> |> |>|Day|> |> |> |> |> |> |> |> |> |> |> |> |>|>|Area|h
|炎|風|水|地|太|闇|月|遺|迷|謎|次|炎|風|水|地|太|闇|月|和|幽|知|魔|h
|○|○|○|○|○|○|○|　|○|　|　|　|　|　|　|　|　|　|　|　|　|　|
}}#divclass(mob_clear){}

#divclass(mob){
#divclass(mob_img){#image(山猫.jpg,inline)}
#divclass(mob_data){
***&aname(山猫,option=nolink){山猫}
|R |守|属|> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |ドロップアイテム|h
|C |月|－|> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |山猫の尻尾, 山猫の爪|
|01|02|03|04|05|06|07|08|09|10|11|12|13|14|15|16|17|18|19|20|> |BGCOLOR(#999):|h
|○|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|> |BGCOLOR(#999):|
|21|22|23|24|25|26|27|28|29|30|31|32|33|34|35|36|37|38|39|40|> |BGCOLOR(#999):|h
|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|> |BGCOLOR(#999):|
|> |> |> |> |> |>|Day|> |> |> |> |> |> |> |> |> |> |> |> |>|>|Area|h
|炎|風|水|地|太|闇|月|遺|迷|謎|次|炎|風|水|地|太|闇|月|和|幽|知|魔|h
|○|○|○|○|○|○|○|　|○|　|　|　|　|　|　|　|　|　|　|　|　|　|
}}#divclass(mob_clear){}

#divclass(mob){
#divclass(mob_img){#image(dummy.png,inline)}
#divclass(mob_data){
***&aname(ハリゴブ,option=nolink){ハリゴブ}
|R |守|属|> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |ドロップアイテム|h
|C |月|－|> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |ハリゴブの針|
|01|02|03|04|05|06|07|08|09|10|11|12|13|14|15|16|17|18|19|20|> |BGCOLOR(#999):|h
|○|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|> |BGCOLOR(#999):|
|21|22|23|24|25|26|27|28|29|30|31|32|33|34|35|36|37|38|39|40|> |BGCOLOR(#999):|h
|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|> |BGCOLOR(#999):|
|> |> |> |> |> |>|Day|> |> |> |> |> |> |> |> |> |> |> |> |>|>|Area|h
|炎|風|水|地|太|闇|月|遺|迷|謎|次|炎|風|水|地|太|闇|月|和|幽|知|魔|h
|○|○|○|○|○|○|○|　|○|　|　|　|　|　|　|　|　|　|　|　|　|　|
}}#divclass(mob_clear){}

#divclass(mob){
#divclass(mob_img){#image(dummy.png,inline)}
#divclass(mob_data){
***&aname(野犬,option=nolink){野犬}
|R |守|属|> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |ドロップアイテム|h
|C |太|－|> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |> |野犬の肝, 野犬の毛皮|
|01|02|03|04|05|06|07|08|09|10|11|12|13|14|15|16|17|18|19|20|> |BGCOLOR(#999):|h
|○|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|> |BGCOLOR(#999):|
|21|22|23|24|25|26|27|28|29|30|31|32|33|34|35|36|37|38|39|40|> |BGCOLOR(#999):|h
|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|　|> |BGCOLOR(#999):|
|> |> |> |> |> |>|Day|> |> |> |> |> |> |> |> |> |> |> |> |>|>|Area|h
|炎|風|水|地|太|闇|月|遺|迷|謎|次|炎|風|水|地|太|闇|月|和|幽|知|魔|h
|○|○|○|○|○|○|○|　|○|　|　|　|　|　|　|　|　|　|　|　|　|　|
}}#divclass(mob_clear){}