Citakan:Navigation with columns

{{{title}}}

{{{col1}}}

{{{col2}}}

Citakan nu boga résiko gedé ieu geus diprotéksi sangkan teu diédit keur nyegah vandalisme. (log protéksi).
Mangga sawalakeun ngeunaan parobahan dina kaca sawala atawa paménta keur muka protéksi. Anjeun bisa maké {{editprotected}} dina kaca sawala atawa ménta ka kuncén pikeun mangéditkeunnana keur anjeun.

Dokuméntasi citakan ieu ditransklusi tina Citakan:Navigation with columns/doc [edit]

Version of {{Navigation}} that presents its content in columns. Originally intended to provide a relatively straightforward means to align links prefixed by flag icons, e.g. in templates offering links to country articles.

Basic syntax

Only required parameters and width included.

{{Navigation with columns
|name  = {{subst:PAGENAME}}
|title = 
|cols  = (number of columns)
|width = (width of each column, preferably in a proportional unit such as 'em'*)
|col1  = 
|col2  = 
}}

* See Em (typography). Using proportional units means the template should still be displayed correctly across a range of browser font-sizes. If width not specified, a default 10em is used.

Parameters

Required parameters in bold.

name	The name of the template. The name of this template, for example, is "Navigation with columns".
titlestyle	CSS style/s to apply to titlebar; usually `background:color` (background defaults to NavHead default).
title	The title of the template, displayed centered in the titlebar at the top of the template.
bodystyle	CSS style/s to apply to the template's body (i.e. including space not used by columns)
abovestyle	CSS style/s to apply to the above parameter.
above	Text or other elements to appear above the columns.
cols	The number of columns to be used (maximum 10, minimum 2).
width	Width, preferably in a proportional unit such as 'em', used for each column whose width not specified by colNwidth below. Defaults to 10em.
padding	Padding before first column, preferably in a proportional unit. Defaults to 5em.
colstyle	CSS style/s to apply across all columns; if used, usually `background:color` per titlestyle above.
oddcolstyle	CSS style/s to apply to all odd-numbered columns (again, if used, usually `background:color`).
evencolstyle	CSS style/s to apply to all even-numbered columns (ditto).
col1width	First column's width (overrides width above).
col1style	CSS style/s to apply to the first column.
col1	First column's content.
col2width	Second column's width (overrides width above).
col2style	CSS style/s to apply to the second column.
col2	Second column's content.
col3width	Third column's width (overrides width above).
col3style	CSS style/s to apply to the third column.
col3	Third column's content.
......	......
col10width	Tenth and final column's width (overrides width above).
col10style	CSS style/s to apply to the tenth and final column.
col10	Tenth and final column's content.
belowstyle	CSS style/s to apply to the below parameter.
below	Text or other elements to appear below the columns.
category	The category or categories to which a page including the template will become a member. Avoid using, as such categories not shown in the code of a page transcluding the template.

Example

Code

{{Navigation with columns
|name    = East Asia Summit (EAS)
|title   = Member states of the [[East Asia Summit|East Asia Summit (EAS)]]
|cols    = 4
|width   = 18.25em
|padding = 10em

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

|col1 = {{AUS}}<br/> {{BRU}}<br/> {{CAM}}<br/> {{IND}}
|col2 = {{IDN}}<br/> {{JPN}}<br/> {{LAO}}<br/> {{MAS}}
|col3 = {{MYA}}<br/> {{NZL}}<br/> {{CHN-PRC}}<br/> {{PHI}}
|col4width=17em
|col4 = {{SIN}}<br/> {{KOR}}<br/> {{THA}}<br/> {{VIE}}

|belowstyle = padding-top:0.5em;
|below = '''Potential future members'''{{spaces|6}}{{TLS}}{{spaces|3}}{{RUS}}
}}

Result

t·s·é

Member states of the East Asia Summit (EAS)

This is where the {{{above}}} parameter would appear.

Australia

Brunei

Kamboja

India

Indonésia

Jepang

Laos

Malaysia

Myanmar

Selandia Anyar
Citakan:CHN-PRC

Pilipina

Singapura

Koréa Kidul

Thailand

Viétnam

Potential future members

Timor Leste

Rusia

Navigation template comparison
tempo • sawala • édit	collapsible	Header color^†	Image	Groups	Style parameter	Example
{{Navigation}}	`NavFrame`	NavHead	Henteu	Henteu	Henteu	{{OPEC}}
{{Navigation with image}}	`NavFrame`	NavHead	Left/right of body	Henteu	Henteu	{{HolmesNovels}}
{{Navigation with columns}}	`NavFrame`	NavHead	Henteu	Henteu	Henteu
{{Dynamic navigation box}}	`collapsible`	navbox	Henteu	Henteu	Enya	{{CSUHeads}}
{{Dynamic navigation box with image}}	`NavFrame`	NavHead	Upper left	Henteu	Henteu	{{SlovakPMs}}
{{Navbox generic}}	`collapsible`	navbox	Right-hand side	Enya	Enya	{{Dilbert}}
{{Navbox generic with image}}	`collapsible`	navbox	Right-hand side	Enya	Enya	{{Jewish life}}
{{NavigationBox}}	Henteu	navbox	Right of title+body	Henteu	Henteu	{{EPA}}

{{Commons:NavigationBox}}	Henteu	#ccccff	Right of title+body	Henteu	Henteu
{{Commons:Dynamic navigation box}}	`NavFrame`	#ccccff	Henteu	Henteu	Henteu
{{Commons:Dynamic navigation box with image}}	`NavFrame`	NavHead	Upper left	Henteu	Henteu

^† The background color for the header or title is inherited from the class listed below. The templates have `color` parameters that override the default.

Collapsible attributes
Type	CSS classes	Collapses when	Custom initial state	Nesting	Header color	Font size
NavFrame div	NavFrame, NavHead, NavContent	3+ of the same	Henteu	Enya	#efefef	95%
Collapsible table	collapsible, navbox	2+ of the same	Enya	Henteu	#ccccff	90%
For the technically minded, see Common.css and Common.js.