模板:Navbox/doc

用法

使用此模板可以相对方便和快速地归纳同类型条目去创作一个导航模版

可变参数十分多

Navbox大部份效果都不常用，所以将一般参数封装成大家族模板

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

用法

请移除置空不用的参数。

{{Navbox
|state = autocollapse <!--autocollapse、uncollapsed、collapsed、plain、off--><!--
|name  ={{subst:PAGENAME}}
|title =
|image =
|above =
|abovestyle =
|listclass = hlist
|group1 =
| list1 =
|group2 =
| list2 =

……
|group20 =
| list20 =
|belowstyle =
|below=
}}

参数列表

[[B]]

below - 在group/list区段之下显示的可选文字。

state^† [mw-uncollapsed、mw-collapsed、plain、off]

如果设置为mw-collapsed，该导航框总会在开始时以折叠起来的状态展现。
如果设置为plain，该导航框总会在被展开时不带右侧的“隐藏”链接，并且标题会保持居中（通过使用补白来偏移查 • 论 • 编 • 历链接）。
如果设置为off，该导航框总会在被展开时不带右侧的“隐藏”链接，但是没有补白会被用来保持标题居中。这只是为了高级用法；“plain”选项应能满足大多数需要将“显示”/“隐藏”按钮隐藏起来的应用。
如果设置为除mw-collapsed、plain或off之外的其它值（像“mw-uncollapsed”），该导航框总会在开始时以展开的状态出现，但是带有“隐藏”按钮。

很多时候，对于一个导航框，编辑者会想要一个缺省的初始状态，并且在条目中它可以被覆写。要做到这一点，这里有个窍门：

在你的居间模板里，创建一个参数也命名为“state”作为一个传递，像这样：

| state = {{{state<includeonly>|你想要的初始状态</includeonly>}}}
<includeonly>|会使得当查看模板页面本身时，模板会被展开。

navbar^†: 缺省为Navbar。如果设置为plain，在标题栏左侧的查 • 论 • 编链接不会显示出来，而且补白会被自动应用以保持标题居中。设置为off可以移除查 • 论 • 编链接，但是不会应用补白（这只是为了高级用法；“plain”选项应能满足大多数不想要导航栏的应用。）强烈建议使用者不要隐藏导航栏，为的是使用户编辑该模板更加容易，并且可以贯穿各个页面都有一个标准的风格。

单元格

title^†

显示在表格顶端一行居中位置的文字。它通常是该模板的主题，也就是主体内容的一个简要描述。这应该是单独的一行，但是如果需要第二行，请使用{{brClear}}来保证正确的居中。本参数从技术上来说不是必需的，但是使用模板:Tl而不带标题是相当没有意义的。

group_n^†

（即group1、group2等等）如果被指定，文字会显示在位于list_n左侧的抬头单元格中。如果被省略，list_n占用表格的全部宽度。

list_n^†

（即list1、list2等等）该模板的主体，通常为一栏链接。格式为内联；然而，如果整个列表被装入<div> </div>之内，文字能够被输入到不同的行中。最少需要一个list参数；每个附加的list被显示在一个单独的表格行中。每个list_n可能在其前面有一个相对应的group_n参数，如果提供了的话（参见下方）。

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与该模板最后面的不带group_n参数的list_n参数以同样的方式运作。

样式参数

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

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样式。若指定了下面的oddstyle和evenstyle参数，则它们的优先级高于本参数。

oddstyle

evenstyle

应用到奇数/偶数编号的列表。会推翻由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;

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

示例

不带图片

{{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></ul>
|group3=直属
|list3=[[营运部]]
}}

带图片，不带分组

{{Navbox
|listclass=hlist
|name  = Navbox/doc
|title = [[珠海公交集团]]组织架构
|image=[[File:TU.png|80px]]
|group1=分公司
|list1=<ul><li>[[香洲分公司]]</li><li>[[吉大分公司]]</li><li>[[斗门分公司]]</li><li>[[前山分公司]]</li></ul>
|group2=出租车
|list2=<ul><li>[[柏宁]]</li><li>[[柏安]]</li><li>[[柏顺]]</li></ul>
|group3=直属
|list3=[[营运部]]
}}

带两张图片，不带分组，多重列表

{{Navbox
|listclass=hlist
|name  = Navbox/doc
|title = [[珠海公交集团]]组织架构
|image=[[File:TU.png|80px]]
|imageleft=[[File:TU.png|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:TU.png|80px]]
|above = （仅列出部分公司）
|group1=分公司
|list1=<ul><li>[[香洲分公司]]</li><li>[[吉大分公司]]</li><li>[[斗门分公司]]</li><li>[[前山分公司]]</li></ul>
|group2=出租车
|list2=<ul><li>[[柏宁]]</li><li>[[柏安]]</li><li>[[柏顺]]</li></ul>
|group3=直属
|list3=[[营运部]]
|below  = 《[[珠海公交集团]]》官网：https://www.zhgjjt.com/
}}

子导航框

要在一个边框中放置多个导航框，可以使用border参数，或通过将第一个参数指定为“child”来实现。基本用法如下（为第一个组增加了一个子组）：

{{Navbox
| name = {{subst:PAGENAME}}
| title = Title
| group1 = [optional]
| list1  = {{Navbox|child
   ...child navbox parameters...
 }}

...
}}

子分组示例

主页面：Template:Navbox subgroup

下面的示例展示了子分组的用法

技术细节

此模板为其大部分外观使用CSS类，因此它完全可以更换皮肤。

运作详情

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