萌娘百科,万物皆可萌的百科全书!转载请标注来源页面的网页链接,并声明引自萌娘百科。内容不可商用。
跳到导航
跳到搜索
表格的布局
由{{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;