Difference between revisions of "Template:Navigation templates"

From BESA® Wiki
Jump to: navigation, search
(Update to show "Navbox generic" now allows images, add column to second table to show difference in CSS padding for "NavFrame" (2px) and "navbox" (5px), added example of nesting collapsible tables.)
(updated info on nested templates, with links to examples)
Line 53: Line 53:
 
| colspan="7" style="border-left-style:hidden; border-right-style:hidden;"|  
 
| colspan="7" style="border-left-style:hidden; border-right-style:hidden;"|  
 
|-
 
|-
−
| colspan="7" align="left" | <sup>1</sup> The background color for the header or title is inherited from the [[CSS]] class: <tt>navbox</tt> uses <span style="background-color:#ccf; color:#000000;">#ccf</span> and <tt>NavHead</tt> uses <span style="background-color:#efefef; color:#000000">#efefef</span> (as defined in [[MediaWiki:Common.css|Common.css]]). All the current navigation templates have a <tt>color</tt> parameter that will override these defaults.<br> <sup>2</sup> {{tl|Navbox generic}} should be used instead of {{tl|Navbox generic with image}} as the former was updated to include the additional features of the latter.
+
| colspan="7" align="left" |
 +
<sup>1</sup> The background color for the header or title is inherited from the [[CSS]] class: <tt>navbox</tt> uses <span style="background-color:#ccf; color:#000000;">#ccf</span> and <tt>NavHead</tt> uses <span style="background-color:#efefef; color:#000000">#efefef</span> (as defined in [[MediaWiki:Common.css|Common.css]]). All the current navigation templates have a <tt>color</tt> parameter that will override these defaults.<br>
 +
<sup>2</sup> {{tl|Navbox generic}} should be used instead of {{tl|Navbox generic with image}} as the former was updated to include the additional features of the latter.
 
|}
 
|}
  
Line 61: Line 63:
 
!style="text-align:left; padding-left:4px;"| {{Tnavbar|Navigational_templates|plain=1}}
 
!style="text-align:left; padding-left:4px;"| {{Tnavbar|Navigational_templates|plain=1}}
 
! Classes used<sup>1</sup>
 
! Classes used<sup>1</sup>
−
! Collapses when !! Custom initial&nbsp;state !! Nesting
+
! Collapses when !! Custom initial&nbsp;state !! Nesting<sup>2</sup>
−
! Header color<sup>2</sup> !! Font size<sup>2</sup> !! Padding<sup>2</sup>
+
! Header color<sup>3</sup> !! Font size<sup>3</sup> !! Padding<sup>3</sup>
 
|-
 
|-
 
| align="left" | [[Wikipedia:NavFrame|NavFrame div]]
 
| align="left" | [[Wikipedia:NavFrame|NavFrame div]]
Line 71: Line 73:
 
| align="left" | [[Wikipedia:NavFrame#Collapsible tables|Collapsible table]]
 
| align="left" | [[Wikipedia:NavFrame#Collapsible tables|Collapsible table]]
 
| collapsible, navbox
 
| collapsible, navbox
−
| 2+ of the same || {{yes}} || {{yes2}}Yes<sup>3</sup>
+
| 2+ of the same || {{yes}} || {{yes}}
 
| style="background-color:#ccccff;"| #ccccff || navbox: 90% || 5px
 
| style="background-color:#ccccff;"| #ccccff || navbox: 90% || 5px
 
|-
 
|-
−
| colspan="8" align="left" | <sup>1</sup> [[CSS]] classes are defined in [[MediaWiki:Common.css|Common.css]] and [[JavaScript]] for collapsible templates is located in [[MediaWiki:Common.js|Common.js]].<br> <sup>2</sup> Defaults can be changed, for example {{tl|Navigation}} contains: <code><nowiki><div class="NavContent" style="font-size:0.9em"></nowiki></code>.<br> <sup>3</sup> For an example of nesting with Collapsible tables, see {{tl|Natural satellites of the Solar System}}.
+
| colspan="8" align="left" |
 +
<sup>1</sup> [[CSS]] classes are defined in [[MediaWiki:Common.css|Common.css]] and [[JavaScript]] for collapsible templates is located in [[MediaWiki:Common.js|Common.js]].<br>
 +
<sup>2</sup> Both types can be nested, with different results. Clicking "show" on a [http://en.wikipedia.org/w/index.php?title=Template:Niger-Congo-speaking&oldid=89634749 nested NavFrame template] or an [http://en.wikipedia.org/w/index.php?title=Template:Niger-Congo-speaking&oldid=110162188 outer NavFrame template with nested Collapsible templates] will open it with inner boxes collapsed, while
 +
a [http://en.wikipedia.org/w/index.php?title=Template:Niger-Congo-speaking&oldid=110166620 nested Collapsible template] will open with the inner boxes expanded.<br>
 +
<sup>3</sup> Defaults can be changed, for example {{tl|Navigation}} contains: <code><nowiki><div class="NavContent" style="font-size:0.9em"></nowiki></code>.
 
|}<noinclude>
 
|}<noinclude>
  
 
[[Category:Navigational templates| {{PAGENAME}}]]
 
[[Category:Navigational templates| {{PAGENAME}}]]
 
</noinclude>
 
</noinclude>

Revision as of 00:32, 23 February 2007

Navigation template feature comparison
Template:Tnavbar collapsible Header color1 Image Groups Style parameter Example
{{Navigation}} Template:Yes2 NavFrame NavHead Template:No Template:No Template:No {{OPEC}}
{{Navigation with image}} Template:Yes2 NavFrame NavHead Template:Yes2 Left/right, below title Template:No Template:No {{Cetaceans}}
{{Dynamic navigation box}} Template:Yes2 collapsible navbox Template:No Template:No Template:Yes {{CSUHeads}}
{{Dynamic navigation box with image}} Template:Yes2 NavFrame NavHead Template:Yes2 Upper left Template:No Template:No {{SlovakPMs}}
{{Navbox generic}} Template:Yes2 collapsible navbox Template:Yes2 Right, below title (optional) Template:Yes Template:Yes {{Dilbert}}
{{Navbox generic with image}}2 collapsible navbox Right, below title Yes Yes {{Jewish life}}
{{NavigationBox}} Template:No navbox Template:Yes2 Right of title+body Template:No Template:No {{EPA}}
{{Commons:NavigationBox}} Template:No #ccccff Template:Yes2 Right of title+body Template:No Template:No
{{Commons:Dynamic navigation box}} Template:Yes2 NavFrame #ccccff Template:No Template:No Template:No
{{Commons:Dynamic navigation box with image}}  Template:Yes2 NavFrame NavHead Template:Yes2 Upper left Template:No Template:No

1 The background color for the header or title is inherited from the CSS class: navbox uses #ccf and NavHead uses #efefef (as defined in Common.css). All the current navigation templates have a color parameter that will override these defaults.
2 {{Navbox generic}} should be used instead of {{Navbox generic with image}} as the former was updated to include the additional features of the latter.

NavFrame div vs. collapsible table
Template:Tnavbar Classes used1 Collapses when Custom initial state Nesting2 Header color3 Font size3 Padding3
NavFrame div NavFrame, NavHead, NavContent 3+ of the same Template:No Template:Yes #efefef NavFrame: 95%
NavHead: 100%
NavContent: 100% 		2px
Collapsible table collapsible, navbox 2+ of the same Template:Yes Template:Yes #ccccff navbox: 90% 5px

1 CSS classes are defined in Common.css and JavaScript for collapsible templates is located in Common.js.
2 Both types can be nested, with different results. Clicking "show" on a nested NavFrame template or an outer NavFrame template with nested Collapsible templates will open it with inner boxes collapsed, while a nested Collapsible template will open with the inner boxes expanded.
3 Defaults can be changed, for example {{Navigation}} contains: <div class="NavContent" style="font-size:0.9em">.

Retrieved from "http://wiki.besa.de/index.php?title=Template:Navigation_templates&oldid=1324"