Template:Navbox/doc:修订间差异

来自NeuroWiki
跳转到导航 跳转到搜索
Selfice留言 | 贡献
创建页面,内容为“{{Uses_Lua|模块:Navbox}} <!-- 在本行下編輯模板說明 --> 本模板可相对快速地建立一个导航模板,它配备了默认样式,这些样式能对付大多数导航模板。不建议改变默认样式,尽管这是可以的。为了导航模板的标准化,也为了方便使用,强烈建议使用这个模板,或者它的「Navbox系列」姊妹模板中的某一个。 ==用法== 请移除置空不用的参…”
 
Selfice留言 | 贡献
无编辑摘要
 
(未显示同一用户的1个中间版本)
第1行: 第1行:
{{Uses_Lua|模块:Navbox}}
<!-- 在本行下编辑模板明 -->
<!-- 在本行下編輯模板明 -->
本模板可相对快速地建立一个[[Wikipedia:导航模板|导航模板]],它配备了默认样式,这些样式能对付大多数导航模板。不建议改变默认样式,尽管这是可以的。为了导航模板的标准化,也为了方便使用,强烈建议使用这个模板,或者它的「Navbox系列」姊妹模板中的某一个。


==用法==
使此模板可以相对方便和快速地归纳同类型条目去创作一个导航模板(这里指是[[:分类:大家族模板]])
请移除置空不用的参数


<syntaxhighlight lang="wikitext">
可变参数十分多,可以配合{{tl|Navbox subgroup}}、{{tl|Navbox with columns}}、{{tl|Navbox with collapsible groups}}使用。
 
==常用参数==
; <kbd>name</kbd>
: 模板的名称(“Template:”后面的部分,注意不是模板的标题),像:“萌属性”。
; <kbd>title</kbd>
: 标题栏的文字,像:“[[萌]] • [[萌属性|属性&萌属性]]”,不一定与<code>name</code>相同。
; <kbd>state</kbd>
: <code>[mw-uncollapsed, mw-collapsed]</code>
: 方框的折叠状态。
; <kbd>titlestyle</kbd>、<kbd>groupstyle</kbd>、<kbd>evenstyle</kbd>
: 分别用于标题栏、group、偶数list(这部分默认是淡绿色)的CSS样式,像:<code>background:gray</code>
; <kbd>above</kbd>
: 在group/list区段之上显示的内容。
; <kbd>group<sub>n</sub></kbd>
: 左侧的文字,在list<sub>n</sub>之前(如果group<sub>n</sub>被省略,list<sub>n</sub>从方框的左侧开始)。
; <kbd>list<sub>n</sub></kbd>
: 列出维基链接的文字,通常以圆点符号分隔,像:<nowiki>[[A]] • [[B]] • …</nowiki>
; <kbd>below</kbd>
: 在group/list区段之下显示的可选文字。
 
{{Hide|包含常见参数的源代码,可复制后用于快速创建大家族模板|
不使用的参数请删掉,勿保留。
<pre>
{{Navbox
{{Navbox
| name       = Navbox/doc{{subst:void|请勿更改此行的任何内容,保存页面时它将自动更改/請勿變更此列的任何內容,儲存頁面時它將自動變更}}
|name = {{subst:PAGENAME}}
| title     =
|title =  
| listclass  = hlist
|state =
| state      = {{{state|}}}
|titlestyle= background:
|groupstyle= background:
|evenstyle = background:


| above     =
|above =  
| image      =


| group1     =
|group1=  
| list1     =
|list1 = [[]] • <!--
      -->[[]]


| group2     =
|group2=  
| list2     =
|list2 = [[]] • <!--
      -->[[]]


| group3     =
|group3=  
| list3     =
|list3 = [[]] • <!--
      -->[[]]


<!-- ... -->
|group4=
|list4 = [[]] • <!--
      -->[[]]


| below      =
|group5=  
}}<noinclude>
|list5 = [[]] • <!--
{{navbox documentation}}
      -->[[]]
<!-- 在此处添加导航模板的分类/在此處添加導航模板的分類 -->
</noinclude>
</syntaxhighlight>


==参数列表==
|group6=  
{{{{PAGENAMETDOC}}
|list6 = [[]] • <!--
| name  = Navbox
      -->[[]]
| state  = expanded
 
| title  = {{{title}}}
|below =  
| above  = {{{above}}}
| image  = {{{image}}}
| group1 = {{{group1}}}
| list1  = {{{list1}}}
| group2 = {{{group2}}}
| list2  = {{{list2}}}
| group3 = {{{group3}}}
| list3  = {{{list3}}}
| group4 = {{{group4}}}
| list4  = {{{list4}}}
| below = {{{below}}}<br />其他导航格式見[[#表格的布局|表格的布局]]
}}
}}
Navbox使用小写的参数名称如上面框中示。如果省略其他参数,必需的''name''''title''会创建一个单方框
</pre>}}
----
Navbox其他大部分参数都不常用,所以将常用参数封装成两个简化模板:{{tl|大家族}}{{tl|大家族内容}}({{tl|Links}})


请注意“group1”(等等)是可选的,命名为“above/below”的部分也是可选的。
一些常用参数效果参见[[#表格的布局]]、[[#示例]];进一步的细节以及复杂约束,在下方[[#参数描述]]章节作了解释


基本的和最常见的参数如下所示:
==参数描述==
* <code>name</code>–模板的名称(“Template:”后面的部分,注意不是模板的标题)。
{{FromOther|sect=sect|site=维基百科 ({{lc:zh}})&#32;|originURL=https://zh.wikipedia.org/wiki/{{FULLPAGENAMEE:Template:Navbox/doc}}|origin=Template:Navbox/doc|copyright=cc|lsubtype=by-sa|lver=3.0|contribURL=https://zh.wikipedia.org/w/index.php?title={{FULLPAGENAMEE:Template:Navbox/doc}}&action=history|demo=}}
* <code>title</code>–标题栏的文字,像<nowiki>[[化学分支]]</nowiki>。
下面是用于{{tl|Navbox}}参数的一个完整清单在大多数情况下,只要有参数<code>name</code><code>title</code><code>list1</code>就可以了尽管[[#子导航框|子导航框]]甚至不需要设置那些参数
* <code>listclass</code>–用於list单元格的[[层叠样式表|CSS样式]],常设定為hlist以使用[[Wikipedia:格式手冊/親和力#水平列表|水平列表]]。如果''above''、''below''也需使用水平列表则应改用bodyclass参数。
* <code>state</code>–方框的折叠状态。
* <code>titlestyle</code>–一个用于标题栏的CSS样式,像:<code>background:gray;</code>
* <code>groupstyle</code>–一个用于分组单元格的CSS样式,像:<code>background:#eee;</code>
* <code>above</code>–在group/list区段之上显示文字,可能是一栏综合维基链接。
* <code>image</code>–一个可选的右侧图片,以整image标签的形式编码:<nowiki>[[File:XX.jpg|90px]]</nowiki>
* <code>imageleft</code>–一个可选的左侧图片,编码方式与“image”参数相同。
* <code>group<sub>n</sub></code>–左侧的文字,在list-n之前(如果group-n被省略,list-n从方框的左侧开始)。
* <code>list<sub>n</sub></code>–列出维基链接的文字通常是一个[[Wikipedia:格式手冊/親和力#水平列表|无序列表]]
* <code>below</code>–在group/list区段之下显示的文字


下方[[#参数描述|参数描述]]章节解释了进步的细节及限制其他导航格式則可見[[#表格布局|表格的布局]]
{{tl|Navbox}}与它的姊妹模板{{tl|Navbox with columns}}、{{tl|Navbox with collapsible groups}}共用很多常用的参数,以提高致性与易用性带一个“<kbd style="font-weight:bold"><sup>†</sup></kbd>”标记参数适用于所有这三个主模板


== 参数描述 ==
=== 设置参数 ===
下面是用于{{Tl|Navbox}}完整参数清单。在大多数情况下参数<code>name</code><code>title</code><code>list1</code>就可以了,[[#子导航框|子导航框]]甚至不需要设置那些参数。
; <kbd>name<sup>†</sup></kbd>
: 模板名称为了所有使用了所生成模板的页面上,“查 • 论 • 编”链接都能正确地工作就需设置这个参数。你可以输入<code><nowiki>{{subst:PAGENAME}}</nowiki></code>作为这个参数的值,这也是个快捷的方法。此参数是必需的。<!-- 仅当<code>title</code>被指定,且<code>border</code>参数未被设置时,此name参数才是必需的-->


{{Tl|Navbox}}与它的姊妹模板{{Tl|Navbox with columns}}{{Tl|Navbox with collapsible groups}}共-{}-很多参数名称,以提高一致性与易性。带有<sup><span style="font-weight:bold;"></span></sup>标记参数适用于这三主模板
; <kbd>state<sup>†</sup></kbd>
: <code>[mw-uncollapsed, mw-collapsed, plain, off]</code>
<!--:*缺省为<code>autocollapse</code>。如果在使用了其它可折叠表格的同一个页面上有两个或更多表格,那么该页面上的带<code>autocollapse</code>的导航框一开始就会折叠起来。否则,该导航框会被展开。要了解技术上的实现,请参见[[MediaWiki:Common.js]]。-->
:* 如果设置为<code>mw-collapsed</code>,该导航框总会在开始时以折叠起来的状态展现。
:* 如果设置为<code>plain</code>,该导航框总会在被展开时不带右侧的“隐藏”链接,并且标题会保持居中(通过使用补白来偏移“查 • 论 • 编”链接)。
:* 如果设置为<code>off</code>,该导航框总会在被展开时不带右侧的“隐藏”链接,但是没有补白会被用来保持标题居中。这只是为了高级用法;“plain”选项应能满足大多数需要将“显示”/“隐藏”按钮隐藏起来的应用。
:* 如果设置为除<code>mw-collapsed</code>、<code>plain</code>或<code>off</code>之外的其它值(像“mw-uncollapsed”),该导航框总会在开始时以展开的状态出现,但是带有“隐藏”按钮。
<!--:若要在独处(未被包含)时显示框体,而在一个条目中时自动隐藏内容,可以将 “uncollapsed ”置于<noinclude>标签之内:
:* <code>state = </code><nowiki><noinclude>uncollapsed</noinclude></nowiki>
:* 如此设置会强制框体在单独出现时(甚至是后面有其它导航框时)展开,显示“隐藏”按钮,而当被堆叠在一个条目中时自动折叠框体。-->
: 很多时候,对于一个导航框,编辑者会想要一个缺省的初始状态,并且在条目中可以被覆写。要做到这一点,这里有个窍门:
: 在你的模板里,创建一个参数也命名为“state”作为一个传递,像这样:
:* <code><nowiki>|state = {{{state<includeonly>|你想要的初始状态</includeonly>}}}</nowiki></code>
:* <code><nowiki><includeonly>|</nowiki></code>会使得当查看模板页面本身时,模板会被展开。
<!--:* 示例:<nowiki>{{</nowiki>[[Template:土星的卫星|土星的卫星]]<nowiki>}}</nowiki>带autocollapse作为其缺省的初始状态。条目[[土卫三十五]]嵌入包含了它,并且只有一个导航框架。因此该页面的“土星的卫星”导航框显示了出来。条目[[土卫一]]有两个导航框。因此该页面的“土星的卫星”导航框折叠了起来。另外,也可以在条目中使带state参数的引形式(如<nowiki>{{土星的卫星|state=collapsed}}</nowiki>)来覆写其折叠状态。
::*示例:<nowiki>{{</nowiki>[[Template:阿拉伯语言|阿拉伯语言]]<nowiki>}}</nowiki>带expanded作为其缺省的初始状态。所有嵌入包含它条目缺省情况下会显示其内容,除非有一假定的条目在嵌入包含它时指定了state = collapsed-->


=== 设置参数 ===
; <kbd>navbar<sup>†</sup></kbd>
:; ''name''<sup>†</sup>
: 缺省为<code>Navbar</code>。如果设置为<code>plain</code>,在标题栏左侧的<small>查 编</small>链接不会显示出来,而且补白会被自动应用以保持标题居中设置为<code>off</code>可以移除<small>查 编</small>链接,但是不会应用补白(这只是为了高级用法;“plain”选项应能满足大多数不想要导航栏的应用。)强烈建议使用者不要隐藏导航栏,为的是使用户编辑该模板更加容易,并且可以贯穿页面都有一个标准风格。
::模板的名称。为了使所有衍生模板的“-{zh-hans:查;zh-hant:閱;}-·论·编”链接正确工作,就必須设置这个参数。你可以输入<code><nowiki>{{subst:PAGENAME}}</nowiki></code>作为这个参数的值,这也是个快捷的方法。仅当<code>title</code>被指定,且<code>border</code>参数未被设置且未使用<code>navbar</code>参数禁用导航栏时,name参数才是必需的。
 
:; ''state''<sup>†</sup> <span style="font-weight:normal;">[<code>autocollapse、expanded、collapsed、plain、off</code>]</span>
; <kbd>border<sup>†</sup></kbd>
:*默认为<code>autocollapse</code>。如果一个页面上同时有两个或更多可折叠表格,那么该页面上的带<code>autocollapse</code>的导航框在页面载入时会折叠起来。要了解技术上的实现,请参见[[MediaWiki:Common.js]]中的<code>mwCollapsibleSetup</code>函数。
: <code>[subgroup, child, none]</code>
:*如果设置为<code>collapsed</code>,该导航框会在页面载入时折叠起来。
: 如果设置为以上三个值,导航框都将没有边框,不过使用上还是有些许差别的。详见[[#子导航框]]。
:*如果设置为<code>plain</code>,该导航框在展开时不带右侧的“隐藏”链接,并且标题会保持居中(通过使用补白来偏移<small>-{zh-hans:查;zh-hant:閱;}-·论·编</small>链接)。
 
:*如果设置为<code>off</code>,该导航框在展开时不带右侧的“隐藏”链接,但是没有补白、标题未必居中。这只是为了高级用法;“plain”选项应能满足大多数需要将“显示”/“隐藏”按钮隐藏起来的应用。
; <kbd>class</kbd>
:*如果设置为除<code>autocollapse</code>、<code>collapsed</code>、<code>plain</code>或<code>off</code>之外的其他值(像“expanded”),该导航框会在页面载入时展开,並带有“隐藏”按钮。
: 为Navbox主体table元素设置class
:若要在独处(未被包含)时显示框体及“隐藏”按钮,而在条目中自动隐藏内容,可以将“expanded”置于<nowiki><noinclude></nowiki>标签之内:
:* <code>state = <nowiki><noinclude>expanded</noinclude></nowiki></code>
:如果想让编辑者在条目中覆写折叠狀態,可以这样做:
:在你创建的模板里,像这样加入也命名为“state”的传递参数:
:*<tt><nowiki>| state = {{{state<includeonly>|你想要的初始状态</includeonly>}}}</nowiki></tt>
:* <nowiki><includeonly>|</nowiki>使模板在本身页面时展开。
::*示例:<nowiki>{{</nowiki>[[Template:土星的卫星|土星的卫星]]<nowiki>}}</nowiki>带autocollapse作为其默认的初始状态。条目[[土卫三十五]]嵌入包含了它,并且只有一个导航框架。因此该页面的“土星的卫星”导航框显示;条目[[土卫一]]有两个导航框,因此该页面的“土星的卫星”导航框折叠。此外也可在条目中使用带state参数的引用形式(如<nowiki>{{土星的卫星|state=collapsed}}</nowiki>)覆写其折叠状态。
::*示例:<nowiki>{{</nowiki>[[Template:阿拉伯语言|阿拉伯语言]]<nowiki>}}</nowiki>带expanded作其默认的初始状态。所有嵌入包含它的条目默认情况下会显示内容,除非条目在嵌入包含它时指定了state = collapsed。
:*模板{{tl|Collapsible option}}解释了如何使用<code>state</code>参数,可以将其添加到模板定义后的<code><nowiki><noinclude>...</noinclude></nowiki></code>部分,也可以添加到{{tl|Documentation subpage}}上的说明中
:; ''navbar''<sup>†</sup>
::如果设置为<code>plain</code>,在标题栏左侧的<small>-{zh-hans:;zh-hant:閱;}-··编</small>链接不会显示,而且自动应用补白以保持标题居中设置为<code>off</code>可以移除<small>-{zh-hans:;zh-hant:閱;}-··编</small>链接,但是不会应用补白(这只是为了高级用法;“plain”选项应能满足大多数不想要导航栏的应用。)强烈建议使用者不要隐藏导航栏,为的是使用户编辑该模板更加容易,并且各页面中保持标准风格。
:; ''border''<sup>†</sup>
::''关于将导航框用在另一个导航框内部,欲了解示例及更完整的描述,请参见[[#子导航框|下面的章节]]。''如果设置为<code>child</code><code>subgroup</code>,那么该导航框能够被用作一个无边框的子导航框。其边框被隐藏并且在表格的边上没有补白,因此它能很好地放进它的父导航框的list区域。如果设置为<code>none</code>,那么其边框被隐藏并且补白被移除,导航框可用作另一个容器的子项(不要在另一个导航内使用<code>none</code>选项;同样地只在另一个导航框内使用<code>child</code>/<code>subgroup</code>选项)。如果设置为其他任意值(默认值),则显示带有1px边框常规导航框将边框指定为子导航框样式的另一种方法是这样的(即使用第一个未命名参数而不是''border''参数):
:::<pre>{{Navbox|child|...}}</pre>


=== 单元格 ===
=== 单元格 ===
:; ''title''<sup>†</sup>
; <kbd>title<sup>†</sup></kbd>
::显示在表格顶端一行居中位置的文字它通常是该模板的主题,也就是主体内容的简要描述。这应该是单独的一行,如果需要第二行,请使用<code><nowiki>{{Clear}}</nowiki></code>来保证正确的居中。本参数从技术上来说不是必需,但是使用{{Tl|Navbox}}而不带标题相当没有意义。
: 显示在表格顶端一行居中位置的文字它通常是该模板的主题,也就是主体内容的一个简要描述。这应该是单独的一行,但是如果需要第二行,请使用<code><nowiki>{{brClear}}</nowiki></code>来保证正确的居中。本参数从技术上来说不是必需,但是使用{{tl|Navbox}}而不带标题相当没有意义
:; ''above''<sup>†</sup>
 
::一个全宽度单元格,显示在标题栏与第一个group/list之间,也就是位于该模板的主体(group、list和image)之上。在不带图片的模板中,''above''与不带''group1''参数的''list1''参数以同样方式运作。
; <kbd>group<sub>n</sub><sup>†</sup></kbd>
:; ''group<sub>n</sub>''<sup>†</sup>
: (即''group1''、''group2''等等)如果被指定,文字会显示在位于''list<sub>n</sub>''左侧的抬头单元格中如果被省略,''list<sub>n</sub>''占用表格的全部宽度。
::(即''group1''、''group2''等等)如果被指定,文字会显示在''list<sub>n</sub>''左侧的抬头单元格中如果被省略,''list<sub>n</sub>''占用表格的全部宽度。
 
:; ''list<sub>n</sub>''<sup>†</sup>
; <kbd>list<sub>n</sub><sup>†</sup></kbd>
::(即''list1''、''list2''等等)模板的主体,每个导航框至少需要一个''list''参数,通常为一栏链接格式为内;如果整个列表被装入<code><nowiki><div> </div></nowiki></code>内则可分显示。每个附加的''list''被显示在一个单独的表格行中每个''list<sub>n</sub>''前面可能有一个相对应的''group<sub>n</sub>''参数。
: (即''list1''、''list2''等等)模板的主体,通常为一栏链接格式为内然而,如果整个列表被装入<code><nowiki><div> </div></nowiki></code>,文字能够被输入到不同的最少需要一个''list''参数;每个附加的''list''被显示在一个单独的表格行中每个''list<sub>n</sub>''可能在其前面有一个相对应的''group<sub>n</sub>''参数,如果提供了的话(参见下方)
:: 在[[Wikipedia:格式手冊/親和力#水平列表|水平列表]]中,每个[[Wikipedia:格式手册/链接|內部链接]]都应新起一行,並以[[星號]]<code>*</code>開頭,使用兩個或更多星號會增加更多階層。
 
:; ''image''<sup>†</sup>
; <kbd>image<sup>†</sup></kbd>
::一张图片会显示在标题(title)下、主体(group/list)右侧的一个单元格中。为使图片正确显示,必须指定''list1''参数。''image''参数接受标准的维基代码即:
: 一张图片会显示在标题(title)下、主体(group/list)右侧的一个单元格中。为使图片正确显示,必须指定''list1''参数。''image''参数接受标准的维基代码来显示图片,即:
::: <code><nowiki>image = [[File:Example.jpg|100px]]</nowiki></code>
:: <code><nowiki>image = [[File:Example.jpg|100px]]</nowiki></code>(参见[[Help:图像]])
:; ''imageleft''<sup>†</sup>
 
::一张图片会显示在标题(title)下、主体(list)左侧的一个单元格中。为使图片能正确显示,必须指定''list1''参数,而且不能指定分组(group)。''imageleft''接受标准的维基代码即:
; <kbd>imageleft<sup>†</sup></kbd>
::: <code><nowiki>imageleft = [[File:Example.jpg|100px]]</nowiki></code>
: 一张图片会显示在标题(title)下、主体(list)左侧的一个单元格中。为使图片能正确显示,必须指定''list1''参数,而且不能指定分组(group)。''imageleft''参数接受标准的维基代码来显示图片,即:
:; ''below''<sup>†</sup>
:: <code><nowiki>imageleft = [[File:Example.jpg|100px]]</nowiki></code>
::一个全宽度单元格,显示在该模板主体(group、list和image)的下方。在不带图片的模板中,''below''与该模板最后面的不带''group<sub>n</sub>''参数的''list<sub>n</sub>''参数以同样方式运作。作为一个使用了''below''参数的示例,请参见{{Tl|非洲}}。
 
; <kbd>above<sup>†</sup></kbd>
: 一个全宽度单元格,显示在标题栏与第一个group/list之间,也就是位于该模板的主体(group、list和image)之上。在一个不带图片的模板中,''above''与不带''group1''参数的''list1''参数以同样的方式运作。
 
; <kbd>below<sup>†</sup></kbd>
: 一个全宽度单元格,显示在该模板主体(group、list和image)的下方。在一个不带图片的模板中,''below''与该模板最后面的不带''group<sub>n</sub>''参数的''list<sub>n</sub>''参数以同样方式运作。作为一个使用了''below''参数的示例,请参见{{tl|非洲}}。


=== 样式参数 ===
=== 样式参数 ===
一般不建议更改样式,以保持维基百科中模板和网页的一致性,然而还是可以修改。
; <kbd>style<sup>†</sup></kbd>
:; ''bodystyle''<sup>†</sup>
: 指定应用到模板主体的CSS样式。''bodystyle''参数也有下面举例的同样效果,并能被用来代替这个''style''参数。此选项应谨慎使用,因为它可以导致视觉上的不一致。举例:
::指定应用到模板主体的CSS样式。此选项应谨慎使用,因为它可以导致视觉上的不一致。举例:
:* <code>style = background:#''nnnnnn'';</code>
::: <code>bodystyle = background:#''nnnnnn'';</code>
:* <code>style = width:''N'' [em/%/px or width:auto];</code>
::: <code>bodystyle = width:''N'' [em/%/px or width:auto];</code>
:* <code>style = float:[''left/right/none''];</code>
::: <code>bodystyle = float:[''left/right/none''];</code>
:* <code>style = clear:[''right/left/both/none''];</code>
::: <code>bodystyle = clear:[''right/left/both/none''];</code>
 
; <kbd>titlestyle<sup>†</sup></kbd>
: 应用到''title''的CSS样式,最常见的有导航栏的背景颜色:
:* <code>titlestyle = background:''#nnnnnn'';</code>
:* <code>titlestyle = background:''name'';</code>


:; ''basestyle''<sup>†</sup>
; <kbd>groupstyle<sup>†</sup></kbd>
::CSS样式,会同时应用到''title''、''above''、''below''和''group''单元格,不会应用到''list''单元。使编辑者容易改变导航框基本颜色,而无需在不同部分重复指定。举例:
: 应用到所有''group''单元格的CSS样式。该选项覆写应用于整个表格的任何样式。举例:
::: <code>basestyle = background:lightskyblue;</code>
:* <code>groupstyle = background:#''nnnnnn'';</code>
:* <code>groupstyle = text-align:[''left/center/right''];</code>
:* <code>groupstyle = vertical-align:[''top/middle/bottom''];</code>


:; ''titlestyle''<sup>†</sup>
; <kbd>group<sub>n</sub>style<sup>†</sup></kbd>
::应用到''title''的CSS样式,最常用于定title背景颜色:
: 应用到特定''groupN''的CSS样式。拥有最高的显示优先级可以分别定不同的group显示不同效果。
::: <code><nowiki>titlestyle = background:</nowiki>''#nnnnnn'';</code>
::: <code><nowiki>titlestyle = background:</nowiki>''name'';</code>
::: <code><nowiki>titlestyle = background:</nowiki>''none'';</code>–没有背景颜色


:; ''groupstyle''<sup></sup>
; <kbd>liststyle<sup></sup></kbd>
::应用到''groupN''单元格的CSS样式。该选项覆写应用于整个表格的任何样式。举例:
: 应用到所有''list''的CSS样式。若指定了下面的list<sub>n</sub>style''oddstyle''或''evenstyle''数,则它们优先级于本参数。
::: <code>groupstyle = background:#''nnnnnn'';</code>
::: <code>groupstyle = text-align:[''left/center/right''];</code>
::: <code>groupstyle = vertical-align:[''top/middle/bottom''];</code>
:; ''group<sub>n</sub>style''<sup></sup>
::除了''groupstyle''参数指定的任何样式外,还将CSS样式应用于特定组。此参数仅在绝对必要时才使用,以保持标准化和简单性。举例:
::: <code>group3style = background: red; color: white;</code>
:; ''groupwidth''
::一个数字和单位,用于指定组单元格的统一宽度,以防列表单元格中的内容太少导致组单元格太宽。无默认值,但是可以通过''group(n)style''参数覆盖。举例:
::: <code>groupwidth = 9em</code>
:; ''liststyle''<sup>†</sup>
::应用到所有list的CSS样式。若指定了下面的''oddstyle''和''evenstyle''参数,则它们优先于本参数。
:; ''list<sub>n</sub>style''<sup>†</sup>
::除了''liststyle''参数指定的任何样式外,还将CSS样式应用于特定列表。此参数仅在绝对必要时才使用,以保持标准化和简单性。举例:
::: <code>list5style = background: #ddddff;</code>
:; ''listpadding''<sup>†</sup>
::指定每个''list''单元格内边距的数字和单位。列表单元格的默认内边距为左侧和右侧0.25em,顶部和底部0。由于复杂的技术原因,简单地设置“liststyle = padding: 0.5em;”(任何其他内边距设置)将不起作用。举例:
::: <code>listpadding = 0.5em 0;</code>(设置顶部和底部的内边距为0.5em,左侧和右侧的内边距为0)
::: <code>listpadding = 0</code>(删除所有内边距)
:; ''oddstyle''
:; ''evenstyle''
::应用到奇/偶数编号的样式会推翻由''liststyle''定义样式。默认表现是分别添加条纹状的颜色(白色和灰色)到奇数/偶数行,以提可读性。除了在非常特别的情况下,这些设置不应更改。
:; ''evenodd'' <span style="font-weight:normal;"><code>[swap, even, odd, off]</code></span>
::如果设置为<code>swap</code>,则奇偶行的自动条纹将反转。通常情况下,偶数行的条纹背景为浅灰色;使用该参数时,奇数行将获得灰色条纹,而不是偶数行。设置为<code>even</code>或<code>odd</code>可将所有行设置为该条纹颜色。设置为<code>off</code>可禁用自动条纹。
:; ''abovestyle''<sup>†</sup>
:; ''belowstyle''<sup>†</sup>
::CSS样式,应用到顶端单元格(通过''above''参数指定)和底端单元格(通过''below''参数指定)。常用来设置背景颜色或文本对齐方式:
::: <code>abovestyle = background:#''nnnnnn'';</code>
::: <code>abovestyle = text-align:[''left/center/right''];</code>
::: <code>belowstyle = background:#''nnnnnn'';</code>
::: <code>belowstyle = text-align:[''left/center/right''];</code>
:; ''imagestyle''<sup>†</sup>
:; ''imageleftstyle''<sup>†</sup>
::应用于image/imageleft所在单元格的CSS样式。这些样式只应在特殊情况下使用,通常用于修复设置了组宽度且图像单元格的宽度过大时出现的宽度问题。举例:
::: <code>imagestyle = width:5em;</code>
===== 默认样式 =====
这里列出编辑者最常更改的样式设置。其他更加复杂的样式设置被排除以保持简洁。大多数样式设置在[[Module:Navbox/styles.css]]
<syntaxhighlight lang="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;
</syntaxhighlight>


由于''liststyle''和''oddstyle''是透明的,奇数列表有''bodystyle''的颜色,其默认值是#fdfdfd(白色带有少许灰色)。list对应group的话会有<code>text-align:left;</code>设定,,否则<code>text-align:center;</code>。由于只有''bodystyle''有一个垂直对齐(vertical-align)属性所有其他样式继承其<code>vertical-align:middle;</code>设定。
; <kbd>list<sub>n</sub>style<sup>†</sup></kbd>
: 应用到特定''listN''的CSS样式。拥最高的显示优先级可以分别指不同的list显示不同效果


=== 高级参数 ===
; <kbd>oddstyle</kbd><kbd>evenstyle</kbd>
:; ''bodyclass''
: 应用到奇数/偶编号的列表。会推翻由<code>liststyle</code>定义的样式缺省的表现是分别添加条纹状颜色(白色和灰色)到奇数/以提可读性除了非常特别的情况下,这些设置不应更改
:; ''aboveclass''
:; ''groupclass''
:; ''listclass''
:; ''belowclass''
::这可以将CSS类附加到组或列表单元格。''listclass''最常见的用途是赋予它一个可使列表水平呈现的<code>hlist</code>类。上述所有参数都接受<code>hlist</code>类,但如果多个参使用了<code>hlist</code>类,请改用{{para|bodyclass|hlist}}
::{{tl|Navbox}}自动添加可被覆盖<code>nowraplinks</code>类,例如{{para|listclass|wraplinks}}。
:; ''innerstyle''
::一个非常高级的参数,仅用于使用导航框的级元模板。在内部,导航框使用外部表格绘制边框,然后使用内部表格绘制其他所有内容(title/above/groups/lists/below/image等)。bodystyle参数设置外部表格样式,内部表格将继承该样式。但在高级情况下(元模板)可能需要直接设置内部表格的样式。该参数提供对该内部表格的访问,以便可以应用样式。使用风险自负。
<!-- 中文模板目前支持以下参数。2024-10-05
:; ''nowrapitems''
::设置{{para|nowrapitems|yes}}以将nowrap用于列表项中的每一行,以及任何<code>above</code>和<code>below</code>项。
-->
:; ''orphan''
::在子导航框中设置{{para|orphan|yes}}以修复奇数/偶数行条纹并删除[[:Category:孤立的子导航框|分类:孤立的子导航框]]


==== 微格式 ====
; <kbd>evenodd</kbd>
:; ''bodyclass''
: <code>[swap, even, odd]</code>
::该参数插入到整个导航框的“class”属性中
: 设置为<code>swap</code>可使每个list奇偶翻转;可用于解决插入导航框后奇偶样式错位问题
:; ''titleclass''
: 设置为<code>even</code>或<code>odd</code>可使所有list的样式全为偶数行或奇样式
::该参插入到导航框标题“class”属性中


该模板支持添加微式信息。这是通过向各种单元添加“class”属性来实现的,这些属性示其中包含哪种信息例如,要将导航框标记为包含有关人物的[[hCard]]信息,请添加以下参数
; <kbd>abovestyle<sup>†</sup></kbd>、<kbd>belowstyle<sup>†</sup></kbd>
<pre>
: 应用到顶端单元通过''above''参指定)和底端单元格(通过''below''参数定)典型地被用来设置背景颜色或文本对齐方式
| bodyclass = vcard
:* <code>abovestyle = background:#''nnnnnn'';</code>
</pre>
:* <code>abovestyle = text-align:''left/center/right'';</code>
<!-- 中文模板目前不支持下参数。2008-10-29
<pre>
; <kbd>imagestyle<sup>†</sup></kbd>
| titleclass = fn
; <kbd>imageleftstyle<sup>†</sup></kbd>
</pre>
-->
或(举例):
===== 缺省样式 =====
<pre>
这里列出的样式设置是使用导航框的编辑者最经常更改的那些设置。其它更加复杂的样式设置被排除在这个列表之外,以保持它简单。大多数样式是在[[MediaWiki:Common.css]]中设置。
| title = <span class="fn">[[郭敬明]]</span>作品
<dl><dd><pre>
</pre>
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;
</pre></dd></dl>


在维基百科使用微格式详细信息请参见[[WikiProject:微格式|微格式维基专题]]微格式的更多基础信息请参见[[微格]]
''liststyle''和''oddstyle''是透明的,奇数列表有''bodystyle''的颜色,其缺省值是#fdfdfd(白色带有少许灰色)。一个list有<code>text-align:left;</code>设定,如果它有一个group话;否则它有<code>text-align:center;</code>设定只有''bodystyle''有一个垂直对齐(vertical-align)属性所 有其它样继承其<code>vertical-align:middle;</code>设定


== 表格的布局 ==
== 表格的布局 ==
由{{Tl|Navbox}}不带''image''、''above''和''below''参数生成的表格(为演示而添加灰色的列表背景):
由{{tl|Navbox}}'''不带'''''image''、''above''和''below''参数生成的表格(添加灰色的列表背景色仅仅是为了演示):
 
{{Navbox
{{Navbox
|name = Navbox
|name = Navbox/doc
|state = expanded
|state = uncollapsed
|liststyle = background:silver;
|liststyle = background:silver
|title = {{{Title}}}
|title = {{{title}}}
|group1 = {{{group1}}}
|group1= {{{group1}}}
|list1 = {{{list1}}}
|list1 = {{{list1}}}
|group2 = {{{group2}}}
|group2= {{{group2}}}
|list2 = {{{list2}}}
|list2 = {{{list2}}}
|list3 = {{{list3}}} 不带 {{{group3}}}
|list3 = {{{list3}}} ''不带 {{{group3}}}''
|group4 = {{{group4}}}
|group4= {{{group4}}}
|list4 = {{{list4}}}
|list4 = {{{list4}}}
}}
}}




由{{Tl|Navbox}}带有''image''、''above''和''below''参数生成的表格(为演示而添加灰色的列表背景):
 
由{{tl|Navbox}}'''带有'''''image''、''above''和''below''参数生成的表格(添加灰色的列表背景色仅仅是为了演示):
 
{{Navbox
{{Navbox
|name = Navbox
|name = Navbox/doc
|state = expanded
|state = uncollapsed
|liststyle = background:silver;
|liststyle = background:silver
|image = {{{image}}}
|image = {{{image}}}
|title = {{{Title}}}
|title = {{{title}}}
|above = {{{above}}}
|above = {{{above}}}
|group1 = {{{group1}}}
|group1= {{{group1}}}
|list1 = {{{list1}}}
|list1 = {{{list1}}}
|group2 = {{{group2}}}
|group2= {{{group2}}}
|list2 = {{{list2}}}
|list2 = {{{list2}}}
|list3 = {{{list3}}} 不带 {{{group3}}}
|list3 = {{{list3}}} ''不带 {{{group3}}}''
|group4 = {{{group4}}}
|group4= {{{group4}}}
|list4 = {{{list4}}}
|list4 = {{{list4}}}
|below = {{{below}}}
|below = {{{below}}}
第264行: 第228行:




由{{Tl|Navbox}}带有''image''、''imageleft''、''lists'',且不带''groups''、''above''、''below''生成的表格(为演示而添加灰色的列表背景):
 
由{{tl|Navbox}}'''带有'''''image''、''imageleft''、''lists'',且'''不带'''''groups''、''above''、''below''生成的表格(添加灰色的列表背景色仅仅是为了演示):
 
{{Navbox
{{Navbox
|name = Navbox
|name = Navbox/doc
|state = expanded
|state = uncollapsed
|liststyle = background:silver;
|liststyle = background:silver;
|image = {{{image}}}
|image = {{{image}}}
|imageleft = {{{imageleft}}}
|imageleft = {{{imageleft}}}
|title = {{{Title}}}
|title = {{{title}}}
|list1 = {{{list1}}}
|list1 = {{{list1}}}
|list2 = {{{list2}}}
|list2 = {{{list2}}}
第279行: 第245行:


== 示例 ==
== 示例 ==
{{info|使用萌娘百科目前的默认皮肤[[萌娘百科:MoeSkin|MoeSkin]]时,{{tl|Navbox}}中的图片不会显示。|leftimage={{表情|萌百娘_晚安}}|color=#25b449|type=none}}
=== 不带图片 ===
=== 不带图片 ===
<pre style="overflow:scroll;">
<pre style="overflow:auto">
{{Navbox
-{}-{{Navbox
|listclass=hlist
|name  = Navbox/doc
|name  = {{subst:PAGENAME}}
|title = [[大洗女子学园]]社团成员
|title = [[多媒体超级走廊]](马来西亚){{Clear}}「不带图片」
 
|group1 = 中心
| list1 = [[赛柏再也]]
 
|group2 = 区域
| list2 = [[巴谷]]


|group3 = 主要地标
|group1= 排球部
| list3 =  
|list1 = [[矶边典子]] • <!--
* [[塔]]
      -->[[西]] • <!--
* [[吉隆坡电讯高塔]]
      -->[[佐佐木明日]] • <!--
* [[吉隆坡中央车站]]
      -->[[近藤妙子]]
* [[马来西亚科技园]]
* [[布城]]
* [[赛柏再也]]
* [[吉隆坡国际机场]]


|group4 = 基础设施
|group2= 汽车部
| list4 =  
|list2 = [[中岛丽罗]] • <!--
* [[快速铁路]]
      -->[[铃木(少女与战车)|铃木]] • <!--
* [[吉隆坡-布城高速公路]]
      -->[[星野(少女与战车)|星野]] • <!--
* [[全机场管理系统]]
      -->[[土屋(少女与战车)|土屋]]


|group5 = 首要应用
|group3= 广播部
| list5 =  
|list3 = [[]]
* [[电子政务]]
* [[大马卡]]
}}
}}
</pre>
</pre>


{{Navbox
{{Navbox
|listclass=hlist
|name  = Navbox/doc
|name  = Navbox
|title = [[大洗女子学园]]社团成员
|state  = expanded
|title = [[多媒体超级走廊]](马来西亚){{Clear}}「不带图片」
 
|group1 = 中心
| list1 =
* [[赛柏再也]]
 
|group2 = 区域
| list2 =
* [[巴谷]]


|group3 = 主要地标
|group1= 排球部
| list3 =  
|list1 = [[矶边典子]] • <!--
* [[塔]]
      -->[[西]] • <!--
* [[吉隆坡电讯高塔]]
      -->[[佐佐木明日]] • <!--
* [[吉隆坡中央车站]]
      -->[[近藤妙子]]
* [[马来西亚科技园]]
* [[布城]]
* [[赛柏再也]]
* [[吉隆坡国际机场]]


|group4 = 基础设施
|group2= 汽车部
| list4 =  
|list2 = [[中岛丽罗]] • <!--
* [[快速铁路]]
      -->[[铃木(少女与战车)|铃木]] • <!--
* [[吉隆坡-布城高速公路]]
      -->[[星野(少女与战车)|星野]] • <!--
* [[全机场管理系统]]
      -->[[土屋(少女与战车)|土屋]]


|group5 = 首要应用
|group3= 广播部
| list5 =  
|list3 = [[]]
* [[电子政务]]
* [[大马卡]]  
}}
}}


=== 带图片,不带分组 ===
=== 带图片,不带分组 ===
<pre style="overflow:scroll;">
<pre style="overflow:auto">
{{Navbox
-{}-{{Navbox
|listclass=hlist
|name  = Navbox/doc
|name  = {{subst:PAGENAME}}
|title = [[大洗女子学园]]学生社团成员
|title = [[多媒体超级走廊]](马来西亚)
|image = [[File:GUP_Ooarai.svg|80px]]
|image = [[File:Flag of Malaysia.svg|80px]]
|list1 = [[矶边典子]] • <!--
|list1 =  
      -->[[河西忍]] • <!--
* [[双子塔]]
      -->[[佐佐木明日]] • <!--
* [[吉隆坡电讯高塔]]
      -->[[近藤妙子]] • <!--
* [[吉隆坡央车站]]
      -->[[中岛丽罗]] • <!--
* [[马来西亚科技园]]
      -->[[铃木(少女与战车)|铃木]] • <!--
* [[布城]]
      -->[[星野(少女与战车)|星野]] • <!--
* [[赛柏再也]]
      -->[[土屋(少女与战车)|土屋]] • <!--
* [[吉隆坡国际机场]]
      -->[[王大河]]
}}
}}
</pre>
</pre>
{{Navbox
{{Navbox
|listclass=hlist
|name  = Navbox/doc
|name  = Navbox
|title = [[大洗女子学园]]学生社团成员
|state = expanded
|image = [[File:GUP_Ooarai.svg|80px]]
|title = [[多媒体超级走廊]](马来西亚)
|list1 = [[矶边典子]] • <!--
|image = [[File:Flag of Malaysia.svg|80px]]
      -->[[河西忍]] • <!--
|list1 =  
      -->[[佐佐木明日]] • <!--
* [[双子塔]]
      -->[[近藤妙子]] • <!--
* [[吉隆坡电讯高塔]]
      -->[[中岛丽罗]] • <!--
* [[吉隆坡央车站]]
      -->[[铃木(少女与战车)|铃木]] • <!--
* [[马来西亚科技园]]
      -->[[星野(少女与战车)|星野]] • <!--
* [[布城]]
      -->[[土屋(少女与战车)|土屋]] • <!--
* [[赛柏再也]]
      -->[[王大河]]
* [[吉隆坡国际机场]]
}}
}}


=== 带两张图片,不带分组,多重列表 ===
<pre style="overflow:auto">
-{}-{{Navbox
|name  = Navbox/doc
|title = [[大洗女子学园]]学生社团成员
|image = [[File:GUP_Ooarai.svg|80px]]
|imageleft = [[File:GUP Logo Alpha0.svg|80px]]
|list1 = [[矶边典子]] • <!--
      -->[[河西忍]] • <!--
      -->[[佐佐木明日]] • <!--
      -->[[近藤妙子]]
|list2 = [[中岛丽罗]] • <!--
      -->[[铃木(少女与战车)|铃木]] • <!--
      -->[[星野(少女与战车)|星野]] • <!--
      -->[[土屋(少女与战车)|土屋]]


=== 带两张图片,不带分组,多重列表 ===
|list3 = [[]]
<pre style="overflow:scroll;">
{{Navbox
|listclass=hlist
|name  = {{subst:PAGENAME}}
|title = [[多媒体超级走廊]](马来西亚)
|image = [[File:Flag of Malaysia.svg|80px]]
|imageleft = [[File:Flag of Malaysia.svg|80px]]
|list1 =
* [[双子塔]]
* [[吉隆坡电讯高塔]]
* [[吉隆坡中央车站]]
|list2 =
* [[快速铁路]]
* [[吉隆坡-布城高速公路]]
* [[全机场管理系统]]
|list3 =  
* [[电子政务]]
* [[大马卡]]
|list4 =
* [[巴生谷]]
}}
}}
</pre>
</pre>


{{Navbox
{{Navbox
|listclass=hlist
|name  = Navbox/doc
|name  = Navbox
|title = [[大洗女子学园]]学生社团成员
|state = expanded
|image = [[File:GUP_Ooarai.svg|80px]]
|title = [[多媒体超级走廊]](马来西亚)
|imageleft = [[File:GUP Logo Alpha0.svg|80px]]
|image = [[File:Flag of Malaysia.svg|80px]]
|imageleft = [[File:Flag of Malaysia.svg|80px]]
|list1 =
* [[双子塔]]
* [[吉隆坡电讯高塔]]
* [[吉隆坡中央车站]]
|list2 =
* [[快速铁路]]
* [[吉隆坡-布城高速公路]]
* [[全机场管理系统]]
|list3 =
* [[电子政务]]
* [[大马卡]]
|list4 =
* [[巴生谷]]
}}


|list1 = [[矶边典子]] • <!--
      -->[[河西忍]] • <!--
      -->[[佐佐木明日]] • <!--
      -->[[近藤妙子]]


=== 带有图片、分组、上方注释、下方注释 ===
|list2 = [[中岛丽罗]] • <!--
<pre style="overflow:scroll;">
      -->[[铃木(少女与战车)|铃木]] • <!--
{{Navbox
      -->[[星野(少女与战车)|星野]] • <!--
|listclass=hlist
      -->[[土屋(少女与战车)|土屋]]
|name  = {{subst:PAGENAME}}
|title = [[多媒体超级走廊]](马来西亚)
|image = [[File:Flag of Malaysia.svg|80px]]


|above = 上方文字放在这里
|list3 = [[王大河]]
}}


|group1 = 中心
=== 带有图片、分组、上方注释、下方注释 ===
|list1 =  
<pre style="overflow:auto">
* [[赛柏再也]]
-{}-{{Navbox
|name = Navbox/doc
|title = [[大洗女子学园]]学生社团成员
|image = [[File:GUP_Ooarai.svg|80px]]


|group2 = Area
|above = (仅列出参加了社团的成员)
|list2  =
* [[巴生谷]]


|group3 = 主要地标
|group1= 排球部
|list3  =  
|list1 = [[矶边典子]] • <!--
* [[塔]]
      -->[[西]] • <!--
* [[吉隆坡电讯高塔]]
      -->[[佐佐木明日]] • <!--
* [[吉隆坡中央车站]]
      -->[[近藤妙子]]
* [[马来西亚科技园]]
* [[布城]]
* [[赛柏再也]]
* [[吉隆坡国际机场]]


|group4 = 基础设施
|group2= 汽车部
|list4  =  
|list2 = [[中岛丽罗]] • <!--
* [[快速铁路]]
      -->[[铃木(少女与战车)|铃木]] • <!--
* [[吉隆坡-布城高速公路]]
      -->[[星野(少女与战车)|星野]] • <!--
* [[全机场管理系统]]
      -->[[土屋(少女与战车)|土屋]]


|group5 = 首要应用
|group3= 广播部
|list5  =  
|list3 = [[]]
* [[电子政务]]
* [[大马卡]]  


|below = 网站:[http://www.msc.com.my/ www.msc.com.my]
|below = 《[[少女与战车]]》官:https://girls-und-panzer.jp/
}}
}}
</pre>
</pre>


{{Navbox
{{Navbox
|listclass=hlist
|name  = Navbox/doc
|name  = Navbox
|title = [[大洗女子学园]]学生社团成员
|state = expanded
|image = [[File:GUP_Ooarai.svg|80px]]
|title = [[多媒体超级走廊]](马来西亚)
|image = [[File:Flag of Malaysia.svg|80px]]
 
|above = 上方文字放在这里


|group1 = 中心
|above = (仅列出参加了社团的成员)
|list1  =
* [[赛柏再也]]


|group2 = 区域
|group1= 排球部
|list2  =  
|list1 = [[矶边典子]] • <!--
* [[巴生谷]]
      -->[[河西忍]] • <!--
      -->[[佐佐木明日]] • <!--
      -->[[近藤妙子]]


|group3 = 主要地标
|group2= 汽车部
|list3  =  
|list2 = [[中岛丽罗]] • <!--
* [[双子塔]]
      -->[[铃木(少女与战车)|铃木]] • <!--
* [[吉隆坡电讯高塔]]
      -->[[星野(少女与战)|星野]] • <!--
* [[吉隆坡中央]]
      -->[[土屋(少女与战车)|土屋]]
* [[马来西亚科技园]]
* [[布城]]
* [[赛柏再也]]
* [[吉隆坡国际机场]]


|group4 = 基础设施
|group3= 广播部
|list4  =  
|list3 = [[王大河]]
* [[快速铁路]]
* [[吉隆坡-布城高速公路]]
* [[全机场管理系统]]


|group5 = 首要应用
|below = [[少女与战车]]》官:https://girls-und-panzer.jp/
|list5  =
* [[电子政务]]
* [[大马卡]]  
 
|below  = 站:[http://www.msc.com.my/ www.msc.com.my]
}}
}}


== 子导航框 ==
== 子导航框 ==
{{Main|Template:NavboxV2}}
{{Main|Template:Navbox subgroup}}
{{Selfref|有关更多示例,请见[[Template:Navbox/testcases|模板的测试样例]]。}}
可以在一个导航框中放置多个导航框。这些可以内联指定,也可以使用嵌套的导航框模板指定,尽管后一种方法可能会导致[[Wikipedia:模板限制#模板展开后长度|模板展开后长度]]非常大。


内联指定子导航框,请使用{{tl|NavboxV2}},为第一个组增加了一个组如下:
在父级导航框中放置子导航框,{{tl|Navbox subgroup}}是推荐的法。但通过在{{tl|Navbox}}加入<code>|border = subgroup/child</code>或将第一个参数(无名)设为<code>subgroup/child</code>也可以达到同样的效果。导航框不需要<code>name</code>参数。
<pre style="overflow: auto;">
<div style="display:flex;flex-flow:row wrap;column-gap:1em">
{{NavboxV2
<pre>
| name = {{subst:PAGENAME}}
{{Navbox subgroup
| title = Title
|group1=  
|list1 =  


| group1 = [optional]
|group2=  
| list1-border = child
|list2 =
| list1-type    = vertical
……
  | list1-title = [optional]
}}
</pre>
<pre>
{{Navbox|border=subgroup
|group1=  
|list1 =  


  | list1-group1      = [optional]
|group2=  
  | list1-list1-border = child
|list2 =  
  | list1-list1-type  = vertical
……
    | list1-list1-title = [optional]
   
    | list1-list1-group1 = [optional]
    | list1-list1-list1  =
    ...子導航框參數...
  ...
...
}}
}}
</pre>
</pre>
<pre>
{{Navbox|child
|group1=
|list1 =


要使用嵌套模板指定子导航框,可以将参数1或border参数指定为“child”,为第一个组增加了一个子组如下:
|group2=  
 
|list2 =  
<pre style="overflow: auto;">
……
{{Navbox
| name = {{subst:PAGENAME}}
| title = Title
 
| group1 = [optional]
| list1  = {{Navbox|child
  ...子導航框參數...
}}
 
...
}}
}}
</pre>
</pre>
</div>
它看起来是这样:
<div><!--左边这个<div>不要删,因为subgroup展开后前面会有一个</div>-->{{Navbox subgroup
|group1= {{{group1}}}
|list1 = {{{list1}}}


条纹颜色带会自动交替。如果想去除所有的条纹颜色带,可以在每个Navbox中设置<code>list<sub>n</sub>-liststyle = background:transparent;</code>。
|group2= {{{group2}}}
|list2 = {{{list2}}}


{{NavboxV2
|list3 = ……
| name = Navbox
}}</div>
| image = [[File:Flag of the United States.svg|100px|link=|alt=]]
| state = expanded
| title = 子次级分组示例
| above = 上方文字
| below = 下方文字


| group1 = 分组1
接着把它放进某个list中即可(可增加缩进来表明层级关系)。例如:
| list1  = 列表1
<pre style="overflow:auto">
| group2 = 分组2
-{}-{{Navbox
| list2-border = child
|name = Navbox/doc
| list2-type  = vertical
|title = 子导航框示例
  | list2-group1 = 分组2.1
  | list2-list1 = 列表1
  | list2-group2 = 分组2.2
  | list2-list2  = 列表2
  | list2-group3 = 分组2.3
  | list2-list3  = 列表3


| group3 = 分组3
|group1= 分组1
| list3 = 列表3
|list1 = 列表1


| group4 = 分组4
|group2= 分组2
| list4-border = subgroup
|list2 = {{Navbox subgroup
| list4-type  = vertical
   |evenodd = swap
  | list4-group1 = 分组4.1
  | list4-list1  = 列表1
  | list4-group2 = 分组4.2
  | list4-list2 = 列表2
  | list4-group3 = 分组4.3
  | list4-list3-border = subgroup
   | list4-list3-type  = vertical
    | list4-list3-group1 = 分组4.3.1
    | list4-list3-list1  = 列表1
    | list4-list3-group2 = 分组4.3.2
    | list4-list3-list2  = 列表2
}}


=== 一个导航模板下包含其他导航模板 ===
  |group1= 分组2.1
{{Main|Template:Navbox with collapsible groups}}
  |list1 = 列表1


下面的示例中,常规Navbox被用作容器,其list1-border、list2-border和list3-border参数均包含<code>child</code>关键字。由于使用了“child”或“subgroup”关键字,“-{zh-hans:查;zh-hant:閱;}-·论·编”标题链接会自动隐藏(与常规Navbox不同,子Navbox不要求填写“name”参数),因此无需对每个导航链接使用<code>navbar = plain</code>。代码<syntaxhighlight lang="wikitext" inline>listN-state = {{#ifeq:{{{selected|}}|ABBREVIATION|expanded|{{{stateN|collapsed}}}}}</syntaxhighlight>用于复制{{tl|Navbox with collapsible groups}}的<syntaxhighlight lang="wikitext" inline>abbrN = ABBREVIATION</syntaxhighlight>功能。
  |group2= 分组2.2
  |list2 = 列表2


{{NavboxV2
  |group3= 分组2.3
| name = Navbox
  |list3 = 列表3
| title = [[File:Blason France moderne.svg|x17px|link=|alt=]] [[File:Flag of France.svg|x17px|link=|alt=]] [[法蘭西殖民帝國]]
  }}
| state = expanded
| list1-border = child
| list1-type      = vertical
| list1-state    = {{#ifeq:{{{selected|}}|Africa|expanded|{{{state1|collapsed}}}}}
| list1-title    = [[非洲]]及[[印度洋]]的[[法蘭西殖民帝國|前法国殖民地]]
| list1-listclass = hlist


| list1-group1    = [[马格里布]]
|group3= 分组3
| list1-list1    =
|list3 = 列表3
* [[法属阿尔及利亚|阿尔及利亚]]
}}
* [[法属摩洛哥|摩洛哥]] <small>([[阿爾金]])</small>
</pre>
* [[突尼西亞歷史|突尼西亞]]
{{Navbox
|name  = Navbox/doc
|title = 子导航框示例


| list1-group2    = [[法屬西非]]
|group1= 分组1
| list1-list2    =
|list1 = 列表1
* [[科特迪瓦历史|科特迪瓦]]
* [[法属达荷美|达荷美]]
* [[法属苏丹|苏丹]]
* [[法属几内亚|几内亚]]
* [[毛里塔尼亚历史|毛里塔尼亚]]
* [[尼日尔历史|尼日尔]]
* [[塞内加尔历史|塞内加尔]]
* [[法属上伏塔|上伏塔]]
* [[法屬多哥蘭]]
* [[詹姆斯岛 (冈比亚)|詹姆斯岛]]


| list1-group3    = [[法屬赤道非洲]]
|group2= 分组2
| list1-list3    =
|list2 = {{Navbox subgroup
* [[法属乍得|乍得]]
  |evenodd = swap
* [[加蓬历史|加蓬]]
* [[刚果共和国历史|法术刚刚果]]
* [[乌班吉沙里]]


| list1-group4    = [[葛摩]]
  |group1= 分组2.1
| list1-list4    =
  |list1 = 列表1
* [[昂儒昂岛]]
* [[大科摩罗岛]]
* [[莫埃利島]]
* [[吉布提历史|法属索马里兰]]
* [[马达加斯加历史#法国殖民时期|马达加斯加]]
* [[毛里裘斯]]
* [[塞舌尔]]


| list2-border = child
  |group2= 分组2.2
| list2-type      = vertical
  |list2 = 列表2
| list2-state    = {{#ifeq:{{{selected|}}|Americas|expanded|{{{state2|collapsed}}}}}
| list2-title    = [[美洲]]的[[法蘭西殖民帝國|前法国殖民地]]
| list2-listclass = hlist


| list2-list1    =
  |group3= 分组2.3
* [[新法兰西]]{{Spaces|2}}<small>([[阿卡迪亞 (加拿大)|阿卡迪亞]],[[法属路易斯安那|路易斯安那]],[[法属加拿大|加拿大]],[[纽芬兰岛]])1655–1763 </small>
  |list3 = 列表3
  }}


| list2-list2    =
|group3= 分组3
* [[伊尼尼]]
|list3 = 列表3
* [[贝尔维塞]]
}}
* [[法属圣多明戈]]
* <small>[[海地]]</small>
* [[多巴哥岛]]
* [[维尔京群岛]]
* [[France Antarctique]]
* [[France Équinoxiale]]


| list2-below    = [[法国西印度公司]]
可以注意到上面使用了一个<code>evenodd</code>参数,这是用来调整某些子分组中条纹状颜色带的分布,以确保颜色带交叉排列。如果想去除所有的条纹颜色带,可以在每个Navbox中设置<code>liststyle = background:transparent</code>。


| list3-border = child
从设计者的思路来看,<code>border = subgroup</code>和<code>border = child</code>是适用于不同情况的。设为subgroup时group更窄,适用于子导航框的group与父导航框的group并排排列,如上面的例子中,分组2.X与分组2在一行;而child的group保持默认宽度,适合子导航框的group充当第一级group,如下面的[[#多重展开/折叠]]。{{胡话|不过混用也没几个人会发现。}}
| list3-type      = vertical
| list3-state      = {{#ifeq:{{{selected|}}|Asia|expanded|{{{state3|collapsed}}}}}
| list3-title      = [[亚洲]]和[[大洋洲]]的[[法蘭西殖民帝國|前法国殖民地]]
| list3-listclass  = hlist


| list3-group1    = [[法属印度]]
<code>border = none</code>的外观与subgroup、child相似,但是它适用于“不在导航框中使用”的情况,比如把<code><nowiki>{{Navbox|none …}}</nowiki></code>嵌入到某个其他模板(并非此模板及其姊妹模板)中。相反,不要把subgroup、child嵌入到Navbox及姊妹模板之外的模板,会造成潜在的错误。
| list3-list1      =
* [[金德訥格爾]]
* [[乌木海岸]]
* [[马德拉斯]]
* [[马埃]]
* [[本地治里]]
* [[开利开尔]]
* [[亚南]]


| list3-group2    = [[法屬印度支那]]
== 多重展开/折叠 ==
| list3-list2      =
{{Main|Template:Navbox with collapsible groups}}
* [[柬埔寨历史|柬埔寨]]
当大家族模板内容过多时,可考虑使用多重展开/折叠。可使用{{tl|Navbox with collapsible groups}},更为方便、直观。只使用Navbox也可以实现:
* [[老挝历史|老挝]]
<pre>
* [[法属印度支那|越南]] <small>([[安南保護國|安南]],[[南圻]],[[東京 (越南)|東京]])</small>
{{Navbox
|name  = Navbox/doc
|title = ……


| list3-group3    = 亚洲其他地区
|list1 = {{Navbox|child
| list3-list3      =
  |navbar = plain
* [[Alawite State|Alaouites]]
  |title  = ……
* [[Republic of Hatay|Alexandretta-Hatay]]
  ……
* [[斯里兰卡|锡兰]]
  }}
* [[广州湾]]


| list3-group4    = [[大洋洲]]
|list2 = {{Navbox|child
  | list3-list4      =
  |navbar = plain
* [[新赫布里底群島共管地]]
  |title = ……
** [[瓦努阿图]]
  ……
  }}


| list3-below      = [[法国东印度公司]]
|list3 = {{Navbox|child
  |navbar = plain
  |title  = ……
  ……
  }}
}}
}}
</pre>
{{Navbox
|name  = Navbox/doc
|title = [[兽娘动物园]]


== 与其他导航框模板的关系 ==
|list1 = {{Navbox|child
此导航框模板被特别设计使得能与另外两个姊妹模板协同工作:{{Tl|Navbox with columns}}和{{Tl|Navbox with collapsible groups}}。所有这三个模板共用常用的参数,以提高一致性与易用性(此类参数在上面的完整参数列表中用<sup>'''†'''</sup>作了标记)。最重要的是,所有这三个模板能互相被用作另一个的子模板(通过使用<code>border = child</code>参数,或将第一个参数(无名)指定为<code>child</code>。例如,使用<code><nowiki>{{Navbox|child ...}}</nowiki></code>、<code><nowiki>{{Navbox with columns|child ...}}</nowiki></code>或<code><nowiki>{{Navbox with collapsible groups|child ...}}</nowiki></code>)。
  |navbar = plain
 
  |title  = 登场角色
由於嵌入子導航框可能使導航框、引用頁面超出[[Wikipedia:模板限制|模板引用大小限制]],故可使用{{Tl|NavboxV2}}取代上面三種模板。
  |group1 = 兽娘
 
  |list1  = [[兽娘动物园:薮猫|薮猫]] • [[兽娘物园:耳廓狐|耳廓狐]] [[兽娘动物园:浣熊|浣熊]] [[兽娘动物园:沙漠猫|沙漠猫]]
== 技术细节 ==
  |group2 = 其他
* “{{navbar|1=:{{FULLPAGENAME}}|mini=on}}”链接由{{tl|Navbar}}生成。如果您对它们有疑问,请在[[Template talk:Navbar]]发起提问。
  |list2  = [[小包]]
* 在分组(groups)与列表(lists)之间的2px宽的边框被绘出,是使用列表单元格的左边框(border-left)属性。因此,如果你想改变模板的背景颜色(例如<code>bodystyle = background:purple;</code>),那么你就需要使这个左边框颜色(border-left-color)与该背景色相适配(即<code>liststyle = border-left-color:purple;</code>)。如果你想有一个边框围绕在每一个列表单元格,那么在分组与列表之间的这个2px的边框会消失;你要拿出自己的解决方案。
  }}
* 相邻的导航框在它们之间有一个1px的边框(除了在IE6中,因其不支持必需的CSS)。如果你设置了<code>style/bodystyle</code>的顶端外边距(top margin)或底顶端外边距(bottom margin),那么此特性就不运作了。
* 外层导航框表格的默认的左外边距(margin-left)和右外边距(margin-right)被设置为“auto;”。如果你想使用导航框作为一个浮对象(float),你需要手动设置左外边距和右外边距的值,因为自动外边距(auto margins)会阻止浮动(float)选项。例如,添加下列代码来使用导航框作为一个浮动对象:
** <code>bodystyle = width: 22em; float: right; margin-left: 1em; margin-right: 0;</code>
* 此模板调用{{ml|Navbox|navbox}}。当在页面上使用导航框模板时,它会使[[Wikipedia:模板限制|模板引用大小]]翻倍。当嵌套模板使用子导航框时,可能会导致大小增加四倍或更多。要减少引用大小,除了使用{{tl|NavboxV2}}内联指定[[#子导航框|子导航框]]而不是嵌套模板外,您还可以直接调用模块,例如:
 
<syntaxhighlight lang="wikitext">
{{#invoke:Navbox|navbox
| name = Navbox/doc
| title = Title


| group1 = [optional]
|list2 = {{Navbox|child
| list1 = {{#invoke:Navbox|navbox|child
  |navbar = plain
  ...子導航框參數...
  |title  = 相关设定
}}
  |group1 = 作品主要地点
  |list1  = [[加帕里公园]]
  |group2 = 专有名词
  |list2 = [[兽娘动物园:朋友|朋友]] • [[天蓝怪]]
  }}


...
|list3 = {{Navbox|child
  |navbar = plain
  |title  = 作品相关
  |group1 = 知名二次创作
  |list1  = [[美洲豹人系列]]{{黑幕|KKSK}}
  |group2 = 关联事物
  |list2  = [[葡萄君]]
  }}
}}
}}
</syntaxhighlight>


== 模板数据 ==
== 与其它导航框模板的关系 ==
{{TemplateDataHeader}}
此导航框模板被特别设计使得能与另外两个姊妹模板协同工作:{{tl|Navbox with columns}}{{tl|Navbox with collapsible groups}}。所有这三个模板共享常用参数,以提高一致性与易性(此类参数在上面的完整参数列表中用<sup>'''†'''</sup>作了标记)最重要的是,所有这三个模板能互相被用作另一个的子模板(通过使用<code>border = child</code>参数,或将第一个参数(无名)指定为<code>child</code>例如,使用<code><nowiki>{{Navbox|child …}}</nowiki></code>、<code><nowiki>{{Navbox with columns|child …}}</nowiki></code>或<code><nowiki>{{Navbox with collapsible groups|child …}}</nowiki></code>)。
<templatedata>
{
"params": {
"image": {},
"Title": {},
"above": {},
"group1": {},
"list1": {},
"group2": {},
"list2": {},
"list3": {},
"group3": {},
"group4": {},
"list4": {},
"below": {},
"imageleft": {},
"name": {
"label": "模板的名称"
},
"title": {
"label": "标题栏的文字"
},
"listclass": {
"description": "用于list单元格的CSS样式常设定为hlist使水平列表。如果above、below也需使用水平列表则应改用bodyclass参数。"
},
"titlestyle": {
"description": "一个用于标题栏的CSS样式",
"example": "background:gray"
}
}
}
</templatedata>


== 參見 ==
== 技术细节 ==
* {{Tlx|Navbox decade list}}-允许在列表项中插入十年一行的等距链接。
* 此模板为其大部分外观使用CSS类因此它完全以更换皮肤
* {{Tlx|Navboxes}}-将多个导航框收纳到一起。
<!-- * 在内部此元模板使用了HTML记代替 -->
* {{Tlx|Nobold}}-當預設文字樣式設定為粗體時,可用來顯示無粗體文字的模板
<!--
* {{Tlx|Sidebar}}-垂直对齐的导航模板
*Internally this meta template uses HTML markup instead of wiki markup for the table code. That is the usual way we make meta templates since wiki markup has several drawbacks. For instance it makes it harder to use [[m:Help:ParserFunctions|parser functions]] and special characters in parameters.
* {{Tlx|Navbox documentation}}-使用{{tl|Documentation}}显示准文档。
-->
* [[:Template:Navbox/testcases]]-有关模板代码的更多示例。
* 欲了解更多技术细节请参见其[[Template_talk:Navbox|讨论页]]、[[MediaWiki:common.css]]中的CSS类以[[MediaWiki:common.js]]中来隐藏框体可折叠表格。
* [[Wikipedia:模板文档]]-编写随附文档的指南。
* {{Tlx|Nowrap begin}}{{Tlx|·}}{{Tlx|•}}-'''已弃''',非过时替代项是使用<code>hlist</code>类来式化列表。参见{{tl|Flatlist}}以了解<code>hlist</code>工作原理的技术说明


=== 追踪分类 ===
=== 运作详情 ===
* {{clc|孤立子导航}}
<!-- 译后试了一下,中文模板无需像英文模板那样额外设置liststyle =。2008-11-04
* {{clc|没有使用水平列表的导航}}
* 在分组(groups)与列表(lists)之间的2px宽被绘出,是使用列表单元格左边(border-left)属性。因此,如果你想改变模板的背景颜色(例如<code>bodystyle = background:purple;</code>),那么你就需要使这个左边框颜色(border-left-color)与该背景色相适配(即<code>liststyle = border-left-color:purple;</code>)。如果你想有一个边框围绕在每一个列表单元格,那么在分组与列表之间的这个2px会消失;你要拿出自己解决方案。
* {{clc|使背景色的导航}}
* {{clc|name參數和實際不同導航框}}


{{Navigational templates}}
*The 2px wide border between groups and lists is drawn using the border-left property of the list cell.  Thus, if you wish to change the background color of the template (for example <code>bodystyle = background:purple;</code>), then you'll need to make the border-left-color match the background color (i.e. <code>liststyle = border-left-color:purple;</code>).  If you wish to have a border around each list cell, then the 2px border between the list cells and group cells will disappear; you'll have to come up with your own solution.
-->
* 列表单元格宽度初始被设置为100%。因此,如果你想手动设置分组单元格的宽度,你就需要同时指定liststyle使之有width:auto。如果你想设置分组宽度并使用图片,这取决于你已弄明白在groupstyle、liststyle、imagestyle和imageleftstyle参数中的CSS,以使所有部件都工作正常。以下两行是设置分组宽度的示例:
*:<code>groupstyle = width:10em;</code>
*:<code>liststyle = width:auto;</code>
*相邻的导航框在它们之间仅有一个1px的边框。如果你设置了<code>style / bodystyle</code>的顶端外边距(margin-top)或底端外边距(margin-bottom),那么此特性就不运作了。
*外层导航框表格的缺省的左外边距(margin-left)和右外边距(margin-right)被设置为“auto;”。如果你想使用导航框作为一个浮动对象(float),你需要手动设置左外边距和右外边距的值,因为自动外边距(auto margins)会阻止浮动(float)选项。例如,添加下列代码来使用导航框作为一个浮动对象:
*:<code>style = width:22em;float:right;margin-left:1em;margin-right:0</code>


== 重定向 ==
== 参见 ==
* {{模板鏈接|无图模板}}
* {{tl|Navbox subgroup}} – 允许在导航框内分组。
* {{tl|Navbox with columns}} – 允许以栏取代组别/列表。
* {{tl|Navbox with collapsible groups}} – 另一种变体。
* {{tl|Nobold}} – 当预设文字样式设定为粗体时,可用来显示无粗体文字的模板
* {{tl|W}} ( • ) – 分隔列项目的圆点。
* {{tl|nav-s}} – 在标题中显示前任、继任导航模板


<includeonly>{{Sandbox other||
<includeonly>
<!-- 本行下加入模板的分類,跨維基連結加入Wikidata(參見[[Wikipedia:Wikidata]]) -->
<!-- 本行下加入模板的分-->
[[Category:模板]]
[[Category:航模板]]
[[Category:摺疊模板]]
[[Category:格式模板]]
[[Category:格式模板]]
}}</includeonly>
</includeonly><noinclude>[[Category:模板文档]]</noinclude>

2024年11月1日 (五) 13:42的最新版本


使用此模板可以相对方便和快速地归纳同类型条目去创作一个导航模板(这里指的是分类:大家族模板)。

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

常用参数

name
模板的名称(“Template:”后面的部分,注意不是模板的标题),像:“萌属性”。
title
标题栏的文字,像:“属性&萌属性”,不一定与name相同。
state
[mw-uncollapsed, mw-collapsed]
方框的折叠状态。
titlestylegroupstyleevenstyle
分别用于标题栏、group、偶数list(这部分默认是淡绿色)的CSS样式,像:background:gray
above
在group/list区段之上显示的内容。
groupn
左侧的文字,在listn之前(如果groupn被省略,listn从方框的左侧开始)。
listn
列出维基链接的文字,通常以圆点符号分隔,像:[[A]] • [[B]] • …
below
在group/list区段之下显示的可选文字。
包含常见参数的源代码,可复制后用于快速创建大家族模板

不使用的参数请删掉,勿保留。

{{Navbox
|name  = {{subst:PAGENAME}}
|title = 
|state = 
|titlestyle= background:
|groupstyle= background:
|evenstyle = background:

|above = 

|group1= 
|list1 = [[]] • <!--
      -->[[]]

|group2= 
|list2 = [[]] • <!--
      -->[[]]

|group3= 
|list3 = [[]] • <!--
      -->[[]]

|group4= 
|list4 = [[]] • <!--
      -->[[]]

|group5= 
|list5 = [[]] • <!--
      -->[[]]

|group6= 
|list6 = [[]] • <!--
      -->[[]]

|below = 
}}

Navbox其他大部分参数都不常用,所以将常用参数封装成两个简化模板:{{大家族}}和{{大家族内容行}}({{Links}})。

一些常用参数的效果参见#表格的布局#示例;进一步的细节,以及复杂的约束,在下方#参数描述章节作了解释。

参数描述

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

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

设置参数

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

单元格

title
显示在表格顶端一行居中位置的文字。它通常是该模板的主题,也就是主体内容的一个简要描述。这应该是单独的一行,但是如果需要第二行,请使用{{brClear}}来保证正确的居中。本参数从技术上来说不是必需的,但是使用{{Navbox}}而不带标题是相当没有意义的。
groupn
(即group1group2等等)如果被指定,文字会显示在位于listn左侧的抬头单元格中。如果被省略,listn占用表格的全部宽度。
listn
(即list1list2等等)该模板的主体,通常为一栏链接。格式为内联;然而,如果整个列表被装入<div> </div>之内,文字能够被输入到不同的行中。最少需要一个list参数;每个附加的list被显示在一个单独的表格行中。每个listn可能在其前面有一个相对应的groupn参数,如果提供了的话(参见下方)。
image
一张图片,会显示在标题(title)之下、主体(group/list)之右侧的一个单元格中。为使图片能正确地显示,必须指定list1参数。image参数接受标准的维基代码来显示图片,即:
image = [[File:Example.jpg|100px]](参见Help:图像
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
应用到所有group单元格的CSS样式。该选项覆写应用于整个表格的任何样式。举例:
  • groupstyle = background:#nnnnnn;
  • groupstyle = text-align:[left/center/right];
  • groupstyle = vertical-align:[top/middle/bottom];
groupnstyle
应用到特定groupN的CSS样式。拥有最高的显示优先级,可以分别指定不同的group显示不同效果。
liststyle
应用到所有list的CSS样式。若指定了下面的listnstyle、oddstyleevenstyle参数,则它们的优先级高于本参数。
listnstyle
应用到特定listN的CSS样式。拥有最高的显示优先级,可以分别指定不同的list显示不同效果。
oddstyleevenstyle
应用到奇数/偶数编号的列表。会推翻由liststyle定义的样式。缺省的表现是分别添加条纹状的颜色(白色和灰色)到奇数/偶数行,以提高可读性。除了在非常特别的情况下,这些设置不应更改。
evenodd
[swap, even, odd]
设置为swap可使每个list奇偶翻转;可用于解决插入子导航框后奇偶样式错位的问题。
设置为evenodd可使所有list的样式全为偶数行或奇数行的样式。
abovestylebelowstyle
应用到顶端单元格(通过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}}不带imageabovebelow参数生成的表格(添加了灰色的列表背景色仅仅是为了演示):


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


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

示例

使用萌娘百科目前的默认皮肤MoeSkin时,{{Navbox}}中的图片不会显示。

不带图片

{{Navbox
|name  = Navbox/doc
|title = [[大洗女子学园]]学生社团成员

|group1= 排球部
|list1 = [[矶边典子]] • <!--
      -->[[河西忍]] • <!--
      -->[[佐佐木明日]] • <!--
      -->[[近藤妙子]]

|group2= 汽车部
|list2 = [[中岛丽罗]] • <!--
      -->[[铃木(少女与战车)|铃木]] • <!--
      -->[[星野(少女与战车)|星野]] • <!--
      -->[[土屋(少女与战车)|土屋]]

|group3= 广播部
|list3 = [[王大河]]
}}

带图片,不带分组

{{Navbox
|name  = Navbox/doc
|title = [[大洗女子学园]]学生社团成员
|image = [[File:GUP_Ooarai.svg|80px]]
|list1 = [[矶边典子]] • <!--
      -->[[河西忍]] • <!--
      -->[[佐佐木明日]] • <!--
      -->[[近藤妙子]] • <!--
      -->[[中岛丽罗]] • <!--
      -->[[铃木(少女与战车)|铃木]] • <!--
      -->[[星野(少女与战车)|星野]] • <!--
      -->[[土屋(少女与战车)|土屋]] • <!--
      -->[[王大河]]
}}

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

{{Navbox
|name  = Navbox/doc
|title = [[大洗女子学园]]学生社团成员
|image = [[File:GUP_Ooarai.svg|80px]]
|imageleft = [[File:GUP Logo Alpha0.svg|80px]]

|list1 = [[矶边典子]] • <!--
      -->[[河西忍]] • <!--
      -->[[佐佐木明日]] • <!--
      -->[[近藤妙子]]

|list2 = [[中岛丽罗]] • <!--
      -->[[铃木(少女与战车)|铃木]] • <!--
      -->[[星野(少女与战车)|星野]] • <!--
      -->[[土屋(少女与战车)|土屋]]

|list3 = [[王大河]]
}}

带有图片、分组、上方注释、下方注释

{{Navbox
|name  = Navbox/doc
|title = [[大洗女子学园]]学生社团成员
|image = [[File:GUP_Ooarai.svg|80px]]

|above = (仅列出参加了社团的成员)

|group1= 排球部
|list1 = [[矶边典子]] • <!--
      -->[[河西忍]] • <!--
      -->[[佐佐木明日]] • <!--
      -->[[近藤妙子]]

|group2= 汽车部
|list2 = [[中岛丽罗]] • <!--
      -->[[铃木(少女与战车)|铃木]] • <!--
      -->[[星野(少女与战车)|星野]] • <!--
      -->[[土屋(少女与战车)|土屋]]

|group3= 广播部
|list3 = [[王大河]]

|below = 《[[少女与战车]]》官网:https://girls-und-panzer.jp/
}}

子导航框

要在父级导航框中放置子导航框,{{Navbox subgroup}}是推荐的用法。但通过在{{Navbox}}加入|border = subgroup/child或将第一个参数(无名)设为subgroup/child也可以达到同样的效果。子导航框不需要name参数。

{{Navbox subgroup
|group1= 
|list1 = 

|group2= 
|list2 = 
……
}}
{{Navbox|border=subgroup
|group1= 
|list1 = 

|group2= 
|list2 = 
……
}}
{{Navbox|child
|group1= 
|list1 = 

|group2= 
|list2 = 
……
}}

它看起来是这样:

接着把它放进某个list中即可(可增加缩进来表明层级关系)。例如:

{{Navbox
|name  = Navbox/doc
|title = 子导航框示例

|group1= 分组1
|list1 = 列表1

|group2= 分组2
|list2 = {{Navbox subgroup
  |evenodd = swap

  |group1= 分组2.1
  |list1 = 列表1

  |group2= 分组2.2
  |list2 = 列表2

  |group3= 分组2.3
  |list3 = 列表3
  }}

|group3= 分组3
|list3 = 列表3
}}

可以注意到上面使用了一个evenodd参数,这是用来调整某些子分组中条纹状颜色带的分布,以确保颜色带交叉排列。如果想去除所有的条纹颜色带,可以在每个Navbox中设置liststyle = background:transparent

从设计者的思路来看,border = subgroupborder = child是适用于不同情况的。设为subgroup时group更窄,适用于子导航框的group与父导航框的group并排排列,如上面的例子中,分组2.X与分组2在一行;而child的group保持默认宽度,适合子导航框的group充当第一级group,如下面的#多重展开/折叠Template:胡话

border = none的外观与subgroup、child相似,但是它适用于“不在导航框中使用”的情况,比如把{{Navbox|none …}}嵌入到某个其他模板(并非此模板及其姊妹模板)中。相反,不要把subgroup、child嵌入到Navbox及姊妹模板之外的模板,会造成潜在的错误。

多重展开/折叠

当大家族模板内容过多时,可考虑使用多重展开/折叠。可使用{{Navbox with collapsible groups}},更为方便、直观。只使用Navbox也可以实现:

{{Navbox
|name  = Navbox/doc
|title = ……

|list1 = {{Navbox|child
  |navbar = plain
  |title  = ……
  ……
  }}

|list2 = {{Navbox|child
  |navbar = plain
  |title  = ……
  ……
  }}

|list3 = {{Navbox|child
  |navbar = plain
  |title  = ……
  ……
  }}
}}

与其它导航框模板的关系

此导航框模板被特别设计使得能与另外两个姊妹模板协同工作:{{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的边框。如果你设置了style / bodystyle的顶端外边距(margin-top)或底端外边距(margin-bottom),那么此特性就不运作了。
  • 外层导航框表格的缺省的左外边距(margin-left)和右外边距(margin-right)被设置为“auto;”。如果你想使用导航框作为一个浮动对象(float),你需要手动设置左外边距和右外边距的值,因为自动外边距(auto margins)会阻止浮动(float)选项。例如,添加下列代码来使用导航框作为一个浮动对象:
    style = width:22em;float:right;margin-left:1em;margin-right:0

参见

  • {{Navbox subgroup}} – 允许在导航框内分组。
  • {{Navbox with columns}} – 允许以栏取代组别/列表。
  • {{Navbox with collapsible groups}} – 另一种变体。
  • {{Nobold}} – 当预设文字样式设定为粗体时,可用来显示无粗体文字的模板。
  • {{W}} ( • ) – 分隔列表项目的圆点。
  • {{nav-s}} – 在标题中显示前任、继任导航模板。