模板:Navbox with columns/doc

勤求古訓,博采眾方
於 2022年5月21日 (六) 10:08 由 入我相思门留言 | 貢獻 所做的修訂 (创建页面,内容为“{{Navbox suite}} 在列中显示其内容的导航框。最初旨在提供一种相对简单的方法来对齐以标志图标为前缀的链接,例如在提供国家文章链接的模板中。 == 基本用法 == 仅包含必需的参数和''colwidth''。 <pre style="overflow:auto;"> {{Navbox with columns |name = {{subst:PAGENAME}} |title = |colwidth = <!--(为每列设置默认宽度, 最好是比例单位,如'em'*)--> |col1 = |co…”)
(差異) ←上個修訂 | 最新修訂 (差異) | 下個修訂→ (差異)

在列中顯示其內容的導航框。最初旨在提供一種相對簡單的方法來對齊以標誌圖標為前綴的鏈接,例如在提供國家文章鏈接的模板中。

基本用法

僅包含必需的參數和colwidth

{{Navbox with columns
|name  = {{subst:PAGENAME}}
|title = 
|colwidth =  <!--(为每列设置默认宽度,
                  最好是比例单位,如'em'*)-->
|col1  = 
|col2  = 
}}
* 使用比例單位意味着模板仍應在瀏覽器字體大小範圍內正確顯示。如果列表ColWidth未指定,則使用默認10em。

參數

設置參數

name[1]
模板的名稱。例如,此模板的名稱是"Navbox with columns"。
state[1]
可能的值有collapsed, uncollapsed, plain, off,以及默認的autocollapse. 有關更多信息,請參閱{{Navbox}} 。
navbar[1]
可能的值是 plain, off以及空白的默認值。有關更多信息,請參閱 {{Navbox}} 。
border[1]
可能的值child, none,以及空白的默認值。如果您希望在另一個導航框內使用導航框,請設置為child,使用此選項,子導航框是無邊界的,並緊貼在其父導航框的內部。父導航框可能是 {{Navbox}}的列表區域、另一個{{Navbox with columns}}的列或{{Navbox with collapsible groups}}的部分。有關更多信息和示例,請參見{{Navbox}}。

基本數據參數

title[1]
模板的標題,顯示在模板頂部的標題欄中居中。
above[1]
出現在列上方的文本或其他元素。
image[1]
所有列右側的圖像。
imageleft[1]
所有列左側的圖像。
below[1]
顯示在列下方的文本或其他元素。

樣式參數

style[1]
應用於模板主體的CSS樣式(即包括列未使用的空間)
titlestyle[1]
應用於標題欄的CSS樣式;通常background:color(背景默認為NavHead默認值)。
abovestyle[1]
belowstyle[1]
CSS樣式分別應用於上面和下面的參數。
basestyle[1]
CSS樣式將同時應用於title, above, and below參數
imagestyle[1]
應用於image參數的CSS樣式。
imageleftstyle[1]
應用於imageleft 參數的CSS樣式。
colstyle
應用於所有列的CSS樣式;如果使用,通常background:color 根據上面的titlestyle 樣式。
oddcolstyle
evencolstyle
CSS樣式分別應用於所有奇數/偶數列。
colnstyle
CSS樣式僅適用於nth列。
colheaderstyle
CSS style/s to apply to all column headers.
colnheaderstyle
應用於所有列標題的CSS樣式。
colnfooterstyle
應用於nth列頁腳單元格的CSS樣式。

列參數

colwidth
寬度,最好以"Em"等比例單位,或以百分比形式,用於寬度未由下面的"colNwidth"指定的每一列。默認值為10em。示例:
colwidth = 15em
colwidth = 25%
fullwidth
如果設置為任意值,則列的總寬度將線性縮放,使寬度之和為100%。這是一個相當高級的參數,通常不需要使用,應該留空。如果使用"colheader"或"colfooter",則會自動使用"fullwidth"。示例:
fullwidth = true
padding
在第一列之前填充,最好以比例單位填充。默認為5em。通過將其設置為0(或0em,或0%)禁用填充。
colnwidth
nth列的寬度(覆蓋上面的"colwidth")。
coln
nth列的內容。如果使用任何列,則需要col1。最多可以有20列。
colnheader
顯示在列上方的nth列的標題單元格。參見下面的示例。
colnfooter
顯示在nth列下方的頁腳單元格。
colnheadercolspan
指定nth列標題應跨越多少列的數字。它默認為1。如果大於1,則不要指定它包含的列標題。例如,如果col1headercolspan=3,則將col2headercol3header留空。
colnfootercolspan
一個數字,指定nth列頁腳應跨多少列。它默認為1。如果大於1,則不要指定它覆蓋的列頁腳。例如,如果col1footercolspan=3,則將col2footercol3footer留空。

其他組/列表

您可能希望在列下方添加一些額外的組和/或列表。提供以下參數以提供此類功能。請參閱 {{Navbox}} 以獲取有關它們如何工作的更完整描述以及更多示例。

groupn[1]
最多允許6個附加組與列下面的列表一起使用。
listn[1]
允許在列下方最多添加6個列表。
groupstyle[1]
組的常規CSS樣式。
groupnstyle
nth組參數的CSS樣式。[1]
liststyle[1]
列表的常規CSS樣式。
listnstyle
nth列表參數的CSS樣式。
listpadding[1]
每個列表單元格中的填充量。
oddstyle
evenstyle
適用於奇數/偶數列表編號。否決由"liststyle"定義的樣式。默認行為是分別向奇數/偶數行添加條紋顏色(白色和灰色),以提高可讀性。除非在特殊情況下,否則不應更改。
evenodd [swap, even, odd, off]
有關說明,請參閱{{Navbox}}。

例子

基本示例

{{Navbox with columns
|name    = {{subst:PAGENAME}}
|title   = Member states of the [[East Asia Summit|East Asia Summit (EAS)]]
|width   = 18.25em
|padding = 10em

|above = ''This is where the {{{above}}} would appear.''

|col1 = {{AUS}}<br> {{BRU}}<br> {{flag|CHN|name=PR China}}<br> {{CAM}}
|col2 = {{IND}}<br> {{IDN}}<br> {{JPN}}<br> {{LAO}}
|col3 = {{MAS}}<br> {{MMR}}<br> {{NZL}}<br> {{PHI}}
|col4width = 17em
|col4 = {{SIN}}<br> {{KOR}}<br> {{THA}}<br> {{VIE}}

|below = '''Potential future members'''{{spaces|6}}{{TLS}}{{spaces|3}}{{RUS}}
}}

百分比寬度示例

{{Navbox with columns
| name = {{subst:PAGENAME}}
| title = [[Plastic]]s
| colwidth = 33%
| colstyle = text-align: center
| col1 = [[Polyethylene]] (PE)<br> [[Polyethylene terephthalate]] (PET or PETE)<br> [[Polyvinyl chloride]] (PVC)<br> [[Polyvinylidene chloride]] (PVDC)<br> [[Polylactic acid]] (PLA)
| col2 = [[Polypropylene]] (PP)<br> [[Polyamide]] (PA)<br> [[Polycarbonate]] (PC)<br> [[Polytetrafluoroethylene]] (PTFE)<br> [[Polyurethane]] (PU)
| col3 = [[Polystyrene]] (PS)<br> [[Polyester]]<br> [[Acrylonitrile butadiene styrene]] (ABS)<br> [[Acrylic glass|Polymethyl methacrylate]] (PMMA)<br> [[Polyoxymethylene]] (POM)
}}


具有列n頁眉和列n頁腳的示例

添加列的灰色背景僅用於說明。


使用colnheadercolspan的colnheader示例

添加列的灰色背景僅用於圖示。此示例顯示正在使用的colnheadercolspan參數,但也可以使用colnfootercolspan調整頁腳單元格的範圍。


說明大多數字段的示例

列的灰色背景和居中文本僅用於說明。列默認為灰白色背景和左文本對齊。此示例顯示如何在列之後使用最多六個附加組/列表。

使用子導航框

所有三種類型的導航框模板,即{{Navbox}},{{Navbox with columns}},和 {{Navbox with collapsible groups}},都可以使用border 參數嵌套在另一個內部(這對所有三個都是通用的)。 對於複雜的模板,可能需​​要使用嵌套來實現所需的外觀。

用列嵌套導航框

這個例子展示了如何嵌套多個 {{Navbox with columns}} 模板以獲得正確的外觀。編輯此頁面以查看代碼。有一個主要的{{Navbox with columns}} 和兩個額外的 {{Navbox with columns}} 模板,設置了「child」選項(見代碼)。

嵌套其他導航框表單

這個例子顯示了 {{Navbox}}, {{Navbox with collapsible groups}} 和 {{Navbox with columns}} 都在一起工作。編輯此頁面以查看代碼。請注意,每個子導航框的第一個參數都設置為child

腳註

  1. 1.00 1.01 1.02 1.03 1.04 1.05 1.06 1.07 1.08 1.09 1.10 1.11 1.12 1.13 1.14 1.15 1.16 1.17 1.18 1.19 1.20 1.21 用腳註標記的參數[1] 是與姐妹模板{{Navbox}}和{{Navbox with collapsible groups}}相同的參數。在{{Navbox}}上可以找到對這些參數更完整的描述。

參閱

導航模板比較
可摺疊性 標題顏色 圖像 組別 樣式(主體)
參數
範例
{{Navbox}} 可摺疊 navbox 主體左/右側
{{Navbox with columns}} 可摺疊 navbox 欄左/右側
NavboxYears 可摺疊 navbox
{{Navbox with collapsible groups}} 可摺疊 navbox 主體左/右側 及/或 在每列表中
摺疊屬性
類別 CSS class Javascript 何時摺疊 自定義
初始狀態
套疊結構
Collapsible tables collapsible Common.js定義 頁面上有2個或以上的autocollapse模板