(({col1))} | (({col2))} |
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.
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.
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. |
((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)) ))
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. |
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. |