Difference between revisions of "Template:Navigation templates"

From BESA® Wiki
Jump to: navigation, search
(updated info on nested templates, with links to examples)
(Reverted & simplified. Reason: to much damn info for a "see also" collection of links!)
Line 1: Line 1:
 
{| class="wikitable" style="margin-left:auto; margin-right:auto; width:auto; text-align:center; font-size:90%;"
 
{| class="wikitable" style="margin-left:auto; margin-right:auto; width:auto; text-align:center; font-size:90%;"
−
|+ <span style="font-size:130%;">Navigation template feature comparison</span>
+
|+ <span style="font-size:130%;">Navigation template comparison</span>
 
! style="text-align:left; padding-left:4px;" | {{Tnavbar|Navigational_templates|plain=1}}
 
! style="text-align:left; padding-left:4px;" | {{Tnavbar|Navigational_templates|plain=1}}
−
! collapsible !! Header color<sup>1</sup>
+
! collapsible !! Header color<sup>†</sup>
 
! Image !! Groups !! Style parameter !! Example
 
! Image !! Groups !! Style parameter !! Example
 
|-
 
|-
−
| align="left" | {{tl|Navigation}}
+
| style="text-align:left;" | {{tl|Navigation}}
 
| {{yes2}} <tt>NavFrame</tt> || style="background-color:#efefef;" | NavHead
 
| {{yes2}} <tt>NavFrame</tt> || style="background-color:#efefef;" | NavHead
 
| {{no}} || {{no}} || {{no}} || {{tl|OPEC}}
 
| {{no}} || {{no}} || {{no}} || {{tl|OPEC}}
 
|-
 
|-
−
| align="left" | {{tl|Navigation with image}}
+
| style="text-align:left;" | {{tl|Navigation with image}}
 
| {{yes2}} <tt>NavFrame</tt> || style="background-color:#efefef;" | NavHead
 
| {{yes2}} <tt>NavFrame</tt> || style="background-color:#efefef;" | NavHead
−
| {{yes2}} Left/right, below title || {{no}} || {{no}} || {{tl|Cetaceans}}
+
| {{yes2}} Left/right of body || {{no}} || {{no}} || {{tl|Cetaceans}}
 
|-
 
|-
−
<!--| align="left"| {{tl|Navigation with columns}}
+
<!--| style="text-align:left;" | {{tl|Navigation with columns}}
 
| {{yes2}} <tt>NavFrame</tt> || style="background-color:#efefef;" | NavHead
 
| {{yes2}} <tt>NavFrame</tt> || style="background-color:#efefef;" | NavHead
 
| {{no}} || {{no}} || {{no}} ||  
 
| {{no}} || {{no}} || {{no}} ||  
 
|- -->
 
|- -->
−
| align="left" | {{tl|Dynamic navigation box}}
+
| style="text-align:left;" | {{tl|Dynamic navigation box}}
 
| {{yes2}} <tt>collapsible</tt> || style="background-color:#ccccff;" | navbox
 
| {{yes2}} <tt>collapsible</tt> || style="background-color:#ccccff;" | navbox
 
| {{no}} || {{no}} || {{yes}} || {{tl|CSUHeads}}
 
| {{no}} || {{no}} || {{yes}} || {{tl|CSUHeads}}
 
|-
 
|-
−
| align="left" | {{tl|Dynamic navigation box with image}}
+
| style="text-align:left;" | {{tl|Dynamic navigation box with image}}
 
| {{yes2}} <tt>NavFrame</tt> || style="background-color:#efefef;" | NavHead
 
| {{yes2}} <tt>NavFrame</tt> || style="background-color:#efefef;" | NavHead
 
| {{yes2}} Upper left || {{no}} || {{no}} || {{tl|SlovakPMs}}
 
| {{yes2}} Upper left || {{no}} || {{no}} || {{tl|SlovakPMs}}
 
|-
 
|-
−
| align="left" | {{tl|Navbox generic}}
+
| style="text-align:left;" | {{tl|Navbox generic}}
 
| {{yes2}} <tt>collapsible</tt> || style="background-color:#ccccff;" | navbox
 
| {{yes2}} <tt>collapsible</tt> || style="background-color:#ccccff;" | navbox
−
| {{yes2}} Right, below title (optional) || {{yes}} || {{yes}} || {{tl|Dilbert}}
+
| {{no}} || {{yes}} || {{yes}} || {{tl|Dilbert}}
−
|- style="background-color:#BBBBBB;"
+
−
| align="left" | {{tl|Navbox generic with image}}<sup>2</sup>
+
−
| <tt>collapsible</tt> || navbox
+
−
| Right, below title || Yes || Yes || {{tl|Jewish life}}
+
 
|-
 
|-
−
| align="left" | {{tl|NavigationBox}}
+
| style="text-align:left;" | {{tl|Navbox generic with image}}
 +
| {{yes2}} <tt>collapsible</tt> || style="background-color:#ccccff;" | navbox
 +
| {{yes2}} Right-hand side || {{yes}} || {{yes}} || {{tl|Jewish life}}
 +
|-
 +
| style="text-align:left;" | {{tl|NavigationBox}}
 
| {{no}} || style="background-color:#ccccff;" | navbox  
 
| {{no}} || style="background-color:#ccccff;" | navbox  
 
| {{yes2}} Right of title+body || {{no}} || {{no}} || {{tl|EPA}}
 
| {{yes2}} Right of title+body || {{no}} || {{no}} || {{tl|EPA}}
Line 39: Line 39:
 
| colspan="7" style="border-left-style:hidden; border-right-style:hidden;"|  
 
| colspan="7" style="border-left-style:hidden; border-right-style:hidden;"|  
 
|-
 
|-
−
| align="left" | {{[[Commons:Template:NavigationBox|Commons:NavigationBox]]}}
+
| style="text-align:left;" | {{[[Commons:Template:NavigationBox|Commons:NavigationBox]]}}
 
| {{no}} || style="background-color:#ccccff;" | #ccccff
 
| {{no}} || style="background-color:#ccccff;" | #ccccff
 
| {{yes2}} Right of title+body || {{no}} || {{no}} ||
 
| {{yes2}} Right of title+body || {{no}} || {{no}} ||
 
|-
 
|-
−
| align="left" | {{[[Commons:Template:Dynamic navigation box|Commons:Dynamic navigation box]]}}
+
| style="text-align:left;" | {{[[Commons:Template:Dynamic navigation box|Commons:Dynamic navigation box]]}}
 
| {{yes2}} <tt>NavFrame</tt> || style="background-color:#ccccff;" | #ccccff
 
| {{yes2}} <tt>NavFrame</tt> || style="background-color:#ccccff;" | #ccccff
 
| {{no}} || {{no}} || {{no}} ||
 
| {{no}} || {{no}} || {{no}} ||
 
|-
 
|-
−
| align="left" | {{[[Commons:Template:Dynamic navigation box with image|Commons:Dynamic navigation box with image]]}}&nbsp;
+
| style="text-align:left;" | {{[[Commons:Template:Dynamic navigation box with image|Commons:Dynamic navigation box with image]]}}&nbsp;
 
| {{yes2}} <tt>NavFrame</tt> || style="background-color:#efefef;" | NavHead  
 
| {{yes2}} <tt>NavFrame</tt> || style="background-color:#efefef;" | NavHead  
 
| {{yes2}} Upper left || {{no}} || {{no}} ||
 
| {{yes2}} Upper left || {{no}} || {{no}} ||
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" |
+
| colspan="7" style="text-align:left; font-size: smaller;" | <sup>†</sup> The background color for the header or title is inherited from the class listed bellow. The templates have <tt>color</tt> parameters that override the default.
−
<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.
+
 
|}
 
|}
  
 
{|class="wikitable" style="margin-left:auto; margin-right:auto; text-align:center; font-size:90%;"
 
{|class="wikitable" style="margin-left:auto; margin-right:auto; text-align:center; font-size:90%;"
−
|+ <span style="font-size:130%;">NavFrame div vs. collapsible table</span>
+
|+ <span style="font-size:130%;">Collapsible attributes</span>
 
|-
 
|-
−
!style="text-align:left; padding-left:4px;"| {{Tnavbar|Navigational_templates|plain=1}}
+
!style="text-align:left;"| Type
−
! Classes used<sup>1</sup>
+
! CSS Classes
−
! Collapses when !! Custom initial&nbsp;state !! Nesting<sup>2</sup>
+
! Collapses when !! Custom initial&nbsp;state !! Nesting
−
! Header color<sup>3</sup> !! Font size<sup>3</sup> !! Padding<sup>3</sup>
+
! Header color !! Font size
 
|-
 
|-
 
| align="left" | [[Wikipedia:NavFrame|NavFrame div]]
 
| align="left" | [[Wikipedia:NavFrame|NavFrame div]]
 
| NavFrame, NavHead, NavContent
 
| NavFrame, NavHead, NavContent
 
| 3+ of the same || {{no}} || {{yes}}
 
| 3+ of the same || {{no}} || {{yes}}
−
| style="background-color:#efefef;" | #efefef || NavFrame: 95%<br>NavHead: 100%<br>NavContent: 100% || 2px
+
| style="background-color:#efefef;" | #efefef || 95%
 
|-
 
|-
 
| 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}} || {{yes}}
+
| 2+ of the same || {{yes}} || {{no}}
−
| style="background-color:#ccccff;"| #ccccff || navbox: 90% || 5px
+
| style="background-color:#ccccff;"| #ccccff || 90%
 
|-
 
|-
−
| colspan="8" align="left" |
+
| colspan="7" style="text-align:left; font-size: smaller;" |
−
<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>
+
For the technically minded, see [[MediaWiki:Common.css|Common.css]] and [[MediaWiki:Common.js|Common.js]].
−
<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 06:16, 23 February 2007

Navigation template comparison
Template:Tnavbar collapsible Header color† 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 of body 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:No Template:Yes Template:Yes {{Dilbert}}
{{Navbox generic with image}} Template:Yes2 collapsible navbox Template:Yes2 Right-hand side Template:Yes Template: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
† The background color for the header or title is inherited from the class listed bellow. 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 Template:No Template:Yes #efefef 95%
Collapsible table collapsible, navbox 2+ of the same Template:Yes Template:No #ccccff 90%

For the technically minded, see Common.css and Common.js.

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