萌娘百科,萬物皆可萌的百科全書!轉載請標註來源頁面的網頁連結,並聲明引自萌娘百科。內容不可商用。
跳至導覽
跳至搜尋
表格的佈局
由{{Navbox}}不帶image、above和below參數生成的表格(添加了灰色的列表背景色僅僅是為了演示):
{{{title}}} |
---|
| {{{group1}}} | {{{list1}}} | | {{{group2}}} | {{{list2}}} | | {{{list3}}} 不帶 {{{group3}}} | | {{{group4}}} | {{{list4}}} |
|
由{{Navbox}}帶有image、above和below參數生成的表格(添加了灰色的列表背景色僅僅是為了演示):
{{{title}}} |
---|
| {{{above}}} | | {{{group1}}} | {{{list1}}} | {{{image}}} | | {{{group2}}} | {{{list2}}} | | {{{list3}}} 不帶 {{{group3}}} | | {{{group4}}} | {{{list4}}} | | {{{below}}} |
|
由{{Navbox}}帶有image、imageleft、lists,且不帶groups、above、below生成的表格(添加了灰色的列表背景色僅僅是為了演示):
{{{title}}} |
---|
| {{{imageleft}}} | {{{list1}}} | {{{image}}} | | {{{list2}}} | | {{{list3}}} | | {{{list4}}} |
|
示例
不帶圖片
{{Navbox/sandbox
|listclass=hlist
|name = Navbox/sandbox/doc
|title = [[大洗女子学园]]学生社团成员
|group1=排球部
|list1=<ul><li>[[矶边典子]]</li><li>[[河西忍]]</li><li>[[佐佐木明日]]</li><li>[[近藤妙子]]</li></ul>
|group2=汽车部
|list2=<ul><li>[[中岛丽罗]]</li><li>[[铃木(少女与战车)|铃木]]</li><li>[[星野(少女与战车)|星野]]</li><li>[[土屋(少女与战车)|土屋]]</li></ul>
|group3=广播部
|list3=[[王大河]]
}}
帶圖片,不帶分組
{{Navbox/sandbox
|listclass=hlist
|name = Navbox/sandbox/doc
|title = [[大洗女子学园]]学生社团成员
|image=[[File:GUP_Ooarai.svg|80px]]
|group1=排球部
|list1=<ul><li>[[矶边典子]]</li><li>[[河西忍]]</li><li>[[佐佐木明日]]</li><li>[[近藤妙子]]</li></ul>
|group2=汽车部
|list2=<ul><li>[[中岛丽罗]]</li><li>[[铃木(少女与战车)|铃木]]</li><li>[[星野(少女与战车)|星野]]</li><li>[[土屋(少女与战车)|土屋]]</li></ul>
|group3=广播部
|list3=[[王大河]]
}}
帶兩張圖片,不帶分組,多重列表
{{Navbox/sandbox
|listclass=hlist
|name = Navbox/sandbox/doc
|title = [[大洗女子学园]]学生社团成员
|image=[[File:GUP_Ooarai.svg|80px]]
|imageleft=[[File:GUP Logo Alpha0.svg|80px]]
|list1=<ul><li>[[矶边典子]]</li><li>[[河西忍]]</li><li>[[佐佐木明日]]</li><li>[[近藤妙子]]</li></ul>
|list2=<ul><li>[[中岛丽罗]]</li><li>[[铃木(少女与战车)|铃木]]</li><li>[[星野(少女与战车)|星野]]</li><li>[[土屋(少女与战车)|土屋]]</li></ul>
|list3=[[王大河]]
}}
帶有圖片、分組、上方註釋、下方註釋
{{Navbox/sandbox
|listclass=hlist
|name = Navbox/sandbox/doc
|title = [[大洗女子学园]]学生社团成员
|image=[[File:GUP_Ooarai.svg|80px]]
|above = (仅列出参加了社团的成员)
|group1=排球部
|list1=<ul><li>[[矶边典子]]</li><li>[[河西忍]]</li><li>[[佐佐木明日]]</li><li>[[近藤妙子]]</li></ul>
|group2=汽车部
|list2=<ul><li>[[中岛丽罗]]</li><li>[[铃木(少女与战车)|铃木]]</li><li>[[星野(少女与战车)|星野]]</li><li>[[土屋(少女与战车)|土屋]]</li></ul>
|group3=广播部
|list3=[[王大河]]
|below = 《[[少女与战车]]》官网:https://girls-und-panzer.jp/
}}
子導航框
要在一個邊框中放置多個導航框,可以使用border參數,或通過將第一個參數指定為「child」來實現。基本用法如下(為第一個組增加了一個子組):
{{Navbox/sandbox
| name = {{subst:PAGENAME}}
| title = Title
| group1 = [optional]
| list1 = {{Navbox/sandbox|child
...child navbox parameters...
}}
...
}}
子分組示例
- 主頁面:Template:Navbox subgroup
下面的示例展示了子分組的用法。{{Navbox subgroup}}是推薦的用法,但通過在{{Navbox}}加入border = child
或將第一個參數(無名)設為child
也可以達到同樣的效果。「evenodd」參數用來調整某些子分組中條紋狀顏色帶的分佈,以確保顏色帶的排列正確。如果想去除所有的條紋顏色帶,可以在每個Navbox中設置liststyle = background:transparent;
。
子次級分組示例 |
---|
| 上方文字 | | 分組1 | 列表1 | | | 分組2 | | | 分組3 | 列表3 | | 分組4 | | | 下方文字 |
|
一個導航模板下包含其它導航模板
- 主頁面:Template:Navbox with collapsible groups
下面的示例中,常規Navbox被用作容器,其list1、list2和list3參數各包含另外的Navbox(設置了1 = child
)。「检•論•編」標題連結各通過navbar = plain
或直接不填寫「name」參數隱藏。(與常規Navbox不同,子Navbox不要求填寫「name」參數。)
與其它導航框模板的關係
此導航框模板被特別設計使得能與另外兩個姊妹模板協同工作:{{Navbox with columns}}和{{Navbox with collapsible groups}}。所有這三個模板共享常用的參數,以提高一致性與易用性(此類參數在上面的完整參數列表中用†作了標記)。最重要的是,所有這三個模板能互相被用作另一個的子模板(通過使用border = child
參數,或將第一個參數(無名)指定為child
。例如,使用{{Navbox|child ...}}
、{{Navbox with columns|child ...}}
或{{Navbox with collapsible groups|child ...}}
)。
技術細節
運作詳情
- 列表單元格寬度初始被設置為100%。因此,如果你想手動設置分組單元格的寬度,你就需要同時指定liststyle使之有width:auto。如果你想設置分組寬度並使用圖片,這取決於你已弄明白在groupstyle、liststyle、imagestyle和imageleftstyle參數中的CSS,以使所有部件都工作正常。以下兩行是設置分組寬度的示例:
groupstyle = width:10em;
liststyle = width:auto;
- 相鄰的導航框在它們之間僅有一個1px的邊框(除了在IE6中,因其不支持必需的CSS)。如果你設置了
style/bodystyle
的頂端外邊距(top margin)或底頂端外邊距(bottom margin),那麼此特性就不運作了。
- 外層導航框表格的缺省的左外邊距(margin-left)和右外邊距(margin-right)被設置為「auto;」。如果你想使用導航框作為一個浮動對象(float),你需要手動設置左外邊距和右外邊距的值,因為自動外邊距(auto margins)會阻止浮動(float)選項。例如,添加下列代碼來使用導航框作為一個浮動對象:
style = width:22em;float:right;margin-left:1em;margin-right:0em;