2023年政策修订增补工作正在进行中,欢迎参与!
  • Moegirl.ICU:萌娘百科流亡社群 581077156(QQ),欢迎对萌娘百科运营感到失望的编辑者加入
  • Moegirl.ICU:账号认领正在试运行,有意者请参照账号认领流程

Template:Navbox/sandbox

萌娘百科,万物皆可萌的百科全书!转载请标注来源页面的网页链接,并声明引自萌娘百科。内容不可商用。
跳转到导航 跳转到搜索
Template-info.svg 模板文档  [查看] [编辑] [历史] [刷新]

表格的布局

由{{Navbox}}不带imageabovebelow参数生成的表格(添加了灰色的列表背景色仅仅是为了演示):


由{{Navbox}}带有imageabovebelow参数生成的表格(添加了灰色的列表背景色仅仅是为了演示):


由{{Navbox}}带有imageimageleftlists,且不带groupsabovebelow生成的表格(添加了灰色的列表背景色仅仅是为了演示):

示例

不带图片

{{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;

一个导航模板下包含其它导航模板

主页面: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;