• 你好~!欢迎来到萌娘百科!如果您是第一次来到这里,点这里加入萌娘百科!
  • 欢迎具有翻译能力的同学~有意者请点→Category:需要翻译的条目
  • 如果您在萌娘百科上发现某些内容错误/空缺,请勇于修正/添加!编辑萌娘百科其实很容易!
  • 觉得萌娘百科有趣的话,请推荐给朋友哦~
  • 萌娘百科群119170500欢迎加入,加入时请写明【萌娘百科+自己的ID】~
  • 萌娘百科Discord群组已经建立,请点此加入!

模板:Navbox

萌娘百科,万物皆可萌的百科全书! 转载请以URL链接形式标注源地址,并写明转自萌娘百科。
跳转至: 导航、 搜索
Template-info.svg 模板文档  [查看] [编辑] [历史] [刷新]
Icon-info.png
致编辑者,模板:Navbox 含有一些较为复杂的wikitext语法设计,请确认您熟悉wiki语法,了解本模板之构造及用途,并于沙盒测试后修改。否则,请勿随意更改此模板。

用法

500507百万文字论坛图 www.szlongway.com 使用此模板可以相对方便和快速地归纳同类型条目去创作一个导航模版(这里指的是分类:大家族模板)。

可变参数十分多,可以配合{{Navbox subgroup}}、{{Navbox with columns}}、{{Navbox with collapsible groups}}使用。

Navbox大部分效果都不常用,所以将一般参数封装成{{大家族}}({{大家族模板}})和{{大家族内容行}}({{Links}})另外两个模版。

PS:对{{大家族}}和{{Links}}的修改是否生效是视乎Navbox是否支援这方面修改。

详细使用方法见:http://zh.wikipedia.org/wiki/Template:Navbox

注:zhwiki和enwiki对Navbox使用Lua version。Navbox的更变在wiki上是无法查看的。

name - 模板的名称(“Template:”后面的部分,注意不是模板的标题)。
title - 标题栏的文字,像[[化学分支]]。
state - mw-uncollapsed、mw-collapsed:方框的折叠状态。
titlestyle - 一个用于标题栏的CSS样式,像:background:gray;
groupstyle - 一个用于分组单元格的CSS样式,像:background:#eee;
image - 一个可选的置于右侧的图片(以完整的image标签的形式编码:[[File:XX.jpg|90px]])。
imageleft - 一个可选的置于左侧的图片(编码方式与“image”参数相同)。
above - 在group/list区段之上显示的文字(可能是一栏综合的维基链接)。
groupn - 左侧的文字,在list-n之前(如果group-n被省略,list-n从方框的左侧开始)。
listn - 列出维基链接的文字,通常以圆点符号模板分隔开来,像:[[A]]{{·}} [[B]]
below - 在group/list区段之下显示的可选文字。

进一步的细节,以及复杂的约束,在下方参数描述章节作了解释。参见其他的一些替代导航格式:表格布局。

参数描述

下面是用于{{Navbox}}的参数的一个完整清单。在大多数情况下,只要有参数name、titlelist1就可以了,尽管子导航框甚至不需要设置那些参数。

{{Navbox}}与它的姊妹模板{{Navbox with columns}}、{{Navbox with collapsible groups}}共用很多常用的参数名称,以提高一致性与易用性。带一个?标记的参数适用于所有这三个主模板。

设置参数

name?
模板的名称。为了在所有使用了所生成模板的页面上,“查 · 论 · 编”链接都能正确地工作,就需要设置这个参数。你可以输入{{subst:PAGENAME}}作为这个参数的值,这也是个快捷的方法。此参数是必需的。
state? [mw-uncollapsed、mw-collapsed、plain、off]
  • 如果设置为mw-collapsed,该导航框总会在开始时以折叠起来的状态展现。
  • 如果设置为plain,该导航框总会在被展开时不带右侧的“隐藏”链接,并且标题会保持居中(通过使用补白来偏移查 ? 论 ? 编 ? 历链接)。
  • 如果设置为off,该导航框总会在被展开时不带右侧的“隐藏”链接,但是没有补白会被用来保持标题居中。这只是为了高级用法;“plain”选项应能满足大多数需要将“显示”/“隐藏”按钮隐藏起来的应用。
  • 如果设置为除mw-collapsed、plainoff之外的其他值(像“mw-uncollapsed”),该导航框总会在开始时以展开的状态出现,但是带有“隐藏”按钮。
很多时候,对于一个导航框,编辑者会想要一个缺省的初始状态,并且在条目中它可以被覆写。要做到这一点,这里有个窍门:
在你的居间模板里,创建一个参数也命名为“state”作为一个传递,像这样:
  • | state = {{{state<includeonly>|你想要的初始状态</includeonly>}}}
  • <includeonly>|会使得当查看模板页面本身时,模板会被展开。
navbar?
缺省为Navbar。如果设置为plain,在标题栏左侧的查 ? 论 ? 编链接不会显示出来,而且补白会被自动应用以保持标题居中。设置为off可以移除查 ? 论 ? 编链接,但是不会应用补白(这只是为了高级用法;“plain”选项应能满足大多数不想要导航栏的应用。)强烈建议使用者不要隐藏导航栏,为的是使用户编辑该模板更加容易,并且可以贯穿各个页面都有一个标准的风格。

单元格

title?
显示在表格顶端一行居中位置的文字。它通常是该模板的主题,也就是主体内容的一个简要描述。这应该是单独的一行,但是如果需要第二行,请使用{{brClear}}来保证正确的居中。本参数从技术上来说不是必需的,但是使用{{Navbox}}而不带标题是相当没有意义的。
groupn?
(即group1、group2等等)如果被指定,文字会显示在位于listn左侧的抬头单元格中。如果被省略,listn占用表格的全部宽度。
listn?
(即list1、list2等等)该模板的主体,通常为一栏链接。格式为内联;然而,如果整个列表被装入<div> </div>之内,文字能够被输入到不同的行中。最少需要一个list参数;每个附加的list被显示在一个单独的表格行中。每个listn可能在其前面有一个相对应的groupn参数,如果提供了的话(参见下方)。
image?
一张图片,会显示在标题(title)之下、主体(group/list)之右侧的一个单元格中。为使图片能正确地显示,必须指定list1参数。image参数接受标准的维基代码来显示图片,即:
image = [[File:Example.jpg|100px]]
imageleft?
一张图片,会显示在标题(title)之下、主体(list)之左侧的一个单元格中。为使图片能正确地显示,必须指定list1参数,而且不能指定分组(group)。imageleft参数接受标准的维基代码来显示图片,即:
imageleft = [[File:Example.jpg|100px]]
above?
一个全宽度单元格,显示在标题栏与第一个group/list之间,也就是位于该模板的主体(group、list和image)之上。在一个不带图片的模板中,above与不带group1参数的list1参数以同样的方式运作。
below?
一个全宽度单元格,显示在该模板主体(group、list和image)的下方。在一个不带图片的模板中,below与该模板最后面的不带groupn参数的listn参数以同样的方式运作。作为一个使用了below参数的示例,请参见{{非洲}}。

样式参数

一般不建议更改样式,以保持维基百科中模板和网页的一致性。然而,修改样式的选项还是有的。

style?
指定应用到模板主体的CSS样式。bodystyle参数也有下面举例的同样效果,并能被用来代替这个style参数。此选项应谨慎使用,因为它可以导致视觉上的不一致。举例:
style = background:#nnnnnn;
style = width:N [em/%/px or width:auto];
style = float:[left/right/none];
style = clear:[right/left/both/none];
titlestyle?
应用到title的CSS样式,最常见的有导航栏的背景颜色:
titlestyle = background:#nnnnnn;
titlestyle = background:name;
groupstyle?
应用到groupN单元格的CSS样式。该选项覆写应用于整个表格的任何样式。举例:
groupstyle = background:#nnnnnn;
groupstyle = text-align:[left/center/right];
groupstyle = vertical-align:[top/middle/bottom];
liststyle?
应用到所有list的CSS样式。若指定了下面的oddstyleevenstyle参数,则它们的优先级高于本参数。
oddstyle
evenstyle
应用到奇数/偶数编号的列表?;嵬品?i>liststyle定义的样式。缺省的表现是分别添加条纹状的颜色(白色和灰色)到奇数/偶数行,以提高可读性。除了在非常特别的情况下,这些设置不应更改。
abovestyle?
belowstyle?
CSS样式,应用到顶端单元格(通过above参数指定)和底端单元格(通过below参数指定)。典型地被用来设置背景颜色或文本对齐方式:
abovestyle = background:#nnnnnn;
abovestyle = text-align:[left/center/right];
缺省样式

这里列出的样式设置是使用导航框的编辑者最经常更改的那些设置。其他更加复杂的样式设置被排除在这个列表之外,以保持它简单。大多数样式是在MediaWiki:Common.css中设置。

bodystyle = background:#fdfdfd; width:100%; vertical-align:middle;
titlestyle = background:#ccccff; padding-left:1em; padding-right:1em; text-align:center;
abovestyle = background:#ddddff; padding-left:1em; padding-right:1em; text-align:center;
belowstyle = background:#ddddff; padding-left:1em; padding-right:1em; text-align:center;
groupstyle = background:#ddddff; padding-left:1em; padding-right:1em; text-align:right;
liststyle = background:transparent; text-align:left/center;
oddstyle = background:transparent;
evenstyle = background:#f7f7f7;

由于liststyleoddstyle是透明的,奇数列表有bodystyle的颜色,其缺省值是#fdfdfd(白色带有少许灰色)。一个list有text-align:left;设定,如果它有一个group的话;否则,它有text-align:center;设定。由于只有bodystyle有一个垂直对齐(vertical-align)属性,所 有其他样式继承其vertical-align:middle;设定。


表格的布局

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


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


由{{Navbox}}带有image、imageleft、lists,且不带groups、above、below生成的表格(添加了灰色的列表背景色仅仅是为了演示):

示例

不带图片

{{Navbox
|listclass=hlist
|name  = Navbox/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
|listclass=hlist
|name  = Navbox/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
|listclass=hlist
|name  = Navbox/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
|listclass=hlist
|name  = Navbox/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
| name = {{subst:PAGENAME}}
| title = Title

| group1 = [optional]
| list1  = {{Navbox|child
   ...child navbox parameters...
 }}

...
}}

子分组示例

主条目:Template:Navbox subgroup

下面的示例展示了子分组的用法。{{Navbox subgroup}}是推荐的用法,但通过在{{Navbox}}加入border = child或将第一个参数(无名)设为child也可以达到同样的效果?!癳venodd”参数用来调整某些子分组中条纹状颜色带的分布,以确保颜色带的排列正确。如果想去除所有的条纹颜色带,可以在每个Navbox中设置liststyle = background:transparent;。

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

主条目:Template:Navbox with collapsible groups

下面的示例中,常规Navbox被用作容器,其list1、list2和list3参数各包含另外的Navbox(设置了1 = child)?!安椤ぢ邸け唷北晏饬唇痈魍ü?code>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 ...}})。

技术细节

  • 此模板为其大部分外观使用CSS类,因此它完全可以更换皮肤。
  • 欲了解更多技术细节请参见其讨论页、MediaWiki:common.css中的CSS类以及MediaWiki:common.js中用来隐藏框体的可折叠表格。

运作详情

  • 列表单元格宽度初始被设置为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;

参见

  • {{Navbox subgroup}} – 允许在导航框内分组。
  • {{Navbox with columns}} – 允许以栏取代组别/列表。
  • {{Navbox with collapsible groups}} – 另一种变体。
  • {{Nowrap begin}} – 于列表项目中间插入圆点、直管线或破折号的格式模板。
  • {{Nobold}} – 当预设文字样式设定为粗体时,可用来显示无粗体文字的模板。
  • ·及{{w}}(?) – 分隔列表项目的圆点。