Template:Navigation templates: Difference between revisions

From Zoophilia Wiki
Jump to navigationJump to search
meta>Zyxw
updated info on nested templates, with links to examples
meta>Dispenser
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 04:16, 23 February 2007

Navigation template comparison
Template:Tnavbar collapsible Header color Image Groups Style parameter Example
{{Navigation}} NavFrame NavHead No No No {{OPEC}}
{{Navigation with image}} NavFrame NavHead Left/right of body No No {{Cetaceans}}
{{Dynamic navigation box}} collapsible navbox No No Yes {{CSUHeads}}
{{Dynamic navigation box with image}} NavFrame NavHead Upper left No No {{SlovakPMs}}
{{Navbox generic}} collapsible navbox No Yes Yes {{Dilbert}}
{{Navbox generic with image}} collapsible navbox Right-hand side Yes Yes {{Jewish life}}
{{NavigationBox}} No navbox Right of title+body No No {{EPA}}
{{Commons:NavigationBox}} No #ccccff Right of title+body No No
{{Commons:Dynamic navigation box}} NavFrame #ccccff No No No
{{Commons:Dynamic navigation box with image}}  NavFrame NavHead Upper left No 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 No Yes #efefef 95%
Collapsible table collapsible, navbox 2+ of the same Yes No #ccccff 90%

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