Difference between revisions of "Template:Navbox"

From Wiki - Scioly.org
Jump to navigation Jump to search
(Attempting to make the box collapsible)
(Removed #css)
(21 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<noinclude>
 
<noinclude>
−
<div style="padding: 5px; border: 1px solid black; text-align: center; background: #ffdead; margin: 20px;">
+
{{TemplateDocStart}}
−
{| style="margin: 1em auto; width: 95%"
+
::''Parts of this page were taken from the [https://en.wikipedia.org/wiki/Template:Navbox/doc The English Wikipedia's documentation on the Navbox template].
−
|-
+
 
−
|<span style="font-size: 56px; font-weight: bold;">👷‍♂️</span> ||<span style="font-size: 26px; font-weight: bold;">This template is currently under construction. Please don't use it yet!</span> ||<span style="font-size: 56px; font-weight: bold;">👷‍♀️</span>
+
This navigational template creates a box with a long list of organized links, so that a user can move between similar pages quickly. The template has default CSS styling, which can be changed as needed, although this is not recommended. This template should be used in a variety of places throughout the wiki because of its ease of use and standardization.
−
|-
+
 
−
|}
+
== Parameters ==
−
</div>
+
: <code>name</code> – The name of the Navbox
 +
: <code>title</code> – The title of the Navbox (shown at the top)
 +
: <code>titlestyle</code> – A CSS style for the title-bar, such as: <code>background: aqua;</code>
 +
: <code>groupstyle</code> – A CSS style for the group-cells, such as: <code>background: #f516db;</code>
 +
: <code>above</code> – Text to appear above the group/list section
 +
: <code>image</code> – An optional right-side image, coded as the whole image. Typically it is purely decorative, so it should be coded as <code><nowiki>[[File:</nowiki><var>XX</var><nowiki>.jpg|80px|link=|alt=]]</nowiki></code>.
 +
: <code>imageleft</code> – An optional left-side image (code the same as the "image" parameter).
 +
: <code>group<sub>n</sub></code> – The left-side text before list-n (if group-n omitted, list-n extends to the left edge of the box, and defaults to <code>text-align:center</code> styling).
 +
: <code>list<sub>n</sub></code> – Text listing wikilinks using a <code>hlist</code> format (where the wikilinks are styled as a horizontal list).
 +
: <code>below</code> – Optional text to appear below the group/list section.
 +
 
 +
== Examples ==
 +
=== A Simple Navbox Showing Layout ===
 +
<pre>
 +
<nowiki>
 +
{{Navbox
 +
| name  = Navbox
 +
| title = Title
 +
| above = Above
 +
 
 +
| image = [[File:StateMembership2019.jpeg | 200px]]
 +
 
 +
| group1 = Group1
 +
| list1  = List1
 +
 
 +
| group2 = Group2
 +
| list2  =
 +
* List 1
 +
* List 2
 +
 
 +
| group3 = Group3
 +
| list3  =
 +
* List 1
 +
* List 2
 +
* List 3
 +
 
 +
| group4 = Group4
 +
| list4  =
 +
* List 1
 +
* List 2
 +
* List 3
 +
* List 4
 +
 
 +
| group5 = Group5
 +
| list5  =
 +
* List 1
 +
* List 2
 +
* List 3
 +
* List 4
 +
* List 5
 +
 
 +
| below = Below
 +
 
 +
}}
 +
</nowiki>
 +
</pre>
 +
 
 +
{{Navbox
 +
| name  = Navbox
 +
| title = Title
 +
| above = Above
 +
 
 +
| image = [[File:StateMembership2019.jpeg | 200px]]
 +
 
 +
| group1 = Group1
 +
| list1  = List1
 +
 
 +
| group2 = Group2
 +
| list2  = * List 1 * List 2
 +
 
 +
| group3 = Group3
 +
| list3  = * List 1 * List 2 * List 3
 +
 
 +
| group4 = Group4
 +
| list4  = * List 1 * List 2 * List 3 * List 4
 +
 
 +
| group5 = Group5
 +
| list5  = * List 1 * List 2 * List 3 * List 4 * List 5
 +
 
 +
| below = Below
 +
}}
 +
 
 +
== Adding Subgroups and using Imageleft ==
 +
<pre>
 +
{{Navbox
 +
| name  = Navbox
 +
| title = Title
 +
| above = Above
 +
 
 +
| imageleft = [[File:StateMembership2019.jpeg | 200px]]
 +
 
 +
| group1 = Group1
 +
| list1  = List1
 +
 
 +
| group2 = Group2
 +
| list2  = * List 1 * List 2
 +
 
 +
| group3 = Group3
 +
| list3  = * List 1 * List 2 * List 3
 +
 
 +
| group4 = Group4
 +
| list4  = * List 1 * List 2 * List 3 * List 4
 +
 
 +
| group5 = Group5
 +
| list5  = {{Navbox|child
 +
      | group1 = ChildGroup1
 +
      | list1 = ChildList1
 +
 
 +
      | group2 = ChildGroup2
 +
      | list2 = ChildList2
 +
}}
 +
 
 +
| below = Below
 +
}}
 +
</pre>
 +
 
 +
{{Navbox
 +
| name  = Navbox
 +
| title = Title
 +
| above = Above
 +
 
 +
| imageleft = [[File:StateMembership2019.jpeg | 200px]]
 +
 
 +
| group1 = Group1
 +
| list1  = List1
 +
 
 +
| group2 = Group2
 +
| list2  = * List 1 * List 2
 +
 
 +
| group3 = Group3
 +
| list3  = * List 1 * List 2 * List 3
 +
 
 +
| group4 = Group4
 +
| list4  = * List 1 * List 2 * List 3 * List 4
 +
 
 +
| group5 = Group5
 +
| list5  = {{Navbox|child
 +
| group1 = ChildGroup1
 +
| list1 = ChildList1
 +
 
 +
| group2 = ChildGroup2
 +
| list2 = ChildList2
 +
}}
 +
 
 +
| below = Below
 +
}}
 +
 
 
</noinclude>
 
</noinclude>
  
 
{{#switch:{{{border|{{{1|}}}}}}|subgroup|child=|none=|#default=<nowiki/>
 
{{#switch:{{{border|{{{1|}}}}}}|subgroup|child=|none=|#default=<nowiki/>
−
{{{!}} class="navbox" cellspacing="0" style="{{{bodystyle|}}};{{{style|}}}"
+
{{{!}} class="navbox" cellspacing="0" style="padding: 3px; {{{bodystyle|}}};{{{style|}}}"
 
{{!}}-
 
{{!}}-
−
{{!}} style="padding:2px;" {{!}} }}
+
{{!}} style="padding:0px;" {{!}} }}
−
{{{!}} cellspacing="0" class="nowraplinks mw-collapsible mw-made-collapsible {{#if:{{{title|}}}|{{#switch:{{{state|}}}|plain|off=|#default=collapsible {{#if:{{{state|}}}|{{{state|}}}|autocollapse}}}}}} {{#switch:{{{border|{{{1|}}}}}}|subgroup|child|none=navbox-subgroup" style="width:100%;{{{bodystyle|}}};{{{style|}}}|#default=" style="width:100%;background:transparent;color:inherit}};{{{innerstyle|}}};" <!--
+
{{{!}} cellspacing="0" class="nowraplinks {{#if:{{{title|}}}|mw-collapsible mw-made-collapsible}} {{#if:{{{title|}}}|{{#switch:{{{state|}}}|plain|off=|#default=collapsible {{#if:{{{state|}}}|{{{state|}}}|autocollapse}}}}}} {{#switch:{{{border|{{{1|}}}}}}|subgroup|child|none=navbox-subgroup" style="width:100%;{{{bodystyle|}}};{{{style|}}}|#default=" style="width:100%;background:transparent;color:inherit}};{{{innerstyle|}}};" <!--
  
  
Line 26: Line 172:
 
---Above---
 
---Above---
 
-->{{#if:{{{above|}}}| {{#if:{{{title|}}}|<nowiki/>
 
-->{{#if:{{{above|}}}| {{#if:{{{title|}}}|<nowiki/>
−
{{!}}- style="height:2px;"
+
{{!}}- style="height:0px;"
 
{{!}} }}
 
{{!}} }}
 
{{!}}-
 
{{!}}-
Line 47: Line 193:
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group1style|}}}" {{!}} {{{group1}}}
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group1style|}}}" {{!}} {{{group1}}}
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
−
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list1style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}" {{!}} <div style="padding:{{{list1padding|{{{listpadding|0em 0.25em}}}}}}">
+
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list1style|}}}" class="navbox-list hlist navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}" {{!}} <div style="padding:{{{list1padding|{{{listpadding|0em 0.25em}}}}}}">
 
{{{list1|}}}</div><!--
 
{{{list1|}}}</div><!--
  
Line 62: Line 208:
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group2style|}}}" {{!}} {{{group2}}}
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group2style|}}}" {{!}} {{{group2}}}
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
−
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list2style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}" {{!}} <div style="padding:{{{listpadding|0em 0.25em}}}">
+
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list2style|}}}" class="navbox-list hlist navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}" {{!}} <div style="padding:{{{listpadding|0em 0.25em}}}">
 
{{{list2|}}}</div>}}<!--
 
{{{list2|}}}</div>}}<!--
  
Line 71: Line 217:
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group3style|}}}" {{!}} {{{group3}}}
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group3style|}}}" {{!}} {{{group3}}}
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
−
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list3style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}" {{!}} <div style="padding:{{{listpadding|0em 0.25em}}}">
+
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list3style|}}}" class="navbox-list hlist navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}" {{!}} <div style="padding:{{{listpadding|0em 0.25em}}}">
 
{{{list3|}}}</div> }}<!--
 
{{{list3|}}}</div> }}<!--
  
Line 80: Line 226:
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group4style|}}}" {{!}} {{{group4}}}
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group4style|}}}" {{!}} {{{group4}}}
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
−
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list4style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}" {{!}} <div style="padding:{{{listpadding|0em 0.25em}}}">
+
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list4style|}}}" class="navbox-list hlist navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}" {{!}} <div style="padding:{{{listpadding|0em 0.25em}}}">
 
{{{list4|}}}</div> }}<!--
 
{{{list4|}}}</div> }}<!--
  
Line 89: Line 235:
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group5style|}}}" {{!}} {{{group5}}}
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group5style|}}}" {{!}} {{{group5}}}
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
−
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list5style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}" {{!}} <div style="padding:{{{listpadding|0em 0.25em}}}">
+
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list5style|}}}" class="navbox-list hlist navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}" {{!}} <div style="padding:{{{listpadding|0em 0.25em}}}">
 
{{{list5|}}}</div> }}<!--
 
{{{list5|}}}</div> }}<!--
  
Line 98: Line 244:
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group6style|}}}" {{!}} {{{group6}}}
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group6style|}}}" {{!}} {{{group6}}}
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
−
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list6style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}" {{!}} <div style="padding:{{{listpadding|0em 0.25em}}}">
+
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list6style|}}}" class="navbox-list hlist navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}" {{!}} <div style="padding:{{{listpadding|0em 0.25em}}}">
 
{{{list6|}}}</div> }}<!--
 
{{{list6|}}}</div> }}<!--
  
Line 107: Line 253:
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group7style|}}}" {{!}} {{{group7}}}
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group7style|}}}" {{!}} {{{group7}}}
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
−
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list7style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}" {{!}} <div style="padding:{{{listpadding|0em 0.25em}}}">
+
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list7style|}}}" class="navbox-list hlist navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}" {{!}} <div style="padding:{{{listpadding|0em 0.25em}}}">
 
{{{list7|}}}</div> }}<!--
 
{{{list7|}}}</div> }}<!--
  
Line 116: Line 262:
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group8style|}}}" {{!}} {{{group8}}}
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group8style|}}}" {{!}} {{{group8}}}
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
−
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list8style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}" {{!}} <div style="padding:{{{listpadding|0em 0.25em}}}">
+
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list8style|}}}" class="navbox-list hlist navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}" {{!}} <div style="padding:{{{listpadding|0em 0.25em}}}">
 
{{{list8|}}}</div> }}<!--
 
{{{list8|}}}</div> }}<!--
  
Line 125: Line 271:
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group9style|}}}" {{!}} {{{group9}}}
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group9style|}}}" {{!}} {{{group9}}}
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
−
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list9style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}" {{!}} <div style="padding:{{{listpadding|0em 0.25em}}}">
+
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list9style|}}}" class="navbox-list hlist navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}" {{!}} <div style="padding:{{{listpadding|0em 0.25em}}}">
 
{{{list9|}}}</div> }}<!--
 
{{{list9|}}}</div> }}<!--
  
Line 134: Line 280:
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group10style|}}}" {{!}} {{{group10}}}
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group10style|}}}" {{!}} {{{group10}}}
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
−
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list10style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}" {{!}} <div style="padding:{{{listpadding|0em 0.25em}}}">
+
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list10style|}}}" class="navbox-list hlist navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}" {{!}} <div style="padding:{{{listpadding|0em 0.25em}}}">
 
{{{list10|}}}</div> }}<!--
 
{{{list10|}}}</div> }}<!--
  
Line 143: Line 289:
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group11style|}}}" {{!}} {{{group11}}}
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group11style|}}}" {{!}} {{{group11}}}
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
−
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list11style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}" {{!}} <div style="padding:{{{listpadding|0em 0.25em}}}">
+
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list11style|}}}" class="navbox-list hlist navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}" {{!}} <div style="padding:{{{listpadding|0em 0.25em}}}">
 
{{{list11|}}}</div> }}<!--
 
{{{list11|}}}</div> }}<!--
  
Line 152: Line 298:
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group12style|}}}" {{!}} {{{group12}}}
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group12style|}}}" {{!}} {{{group12}}}
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
−
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list12style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}" {{!}} <div style="padding:{{{listpadding|0em 0.25em}}}">
+
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list12style|}}}" class="navbox-list hlist navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}" {{!}} <div style="padding:{{{listpadding|0em 0.25em}}}">
 
{{{list12|}}}</div> }}<!--
 
{{{list12|}}}</div> }}<!--
  
Line 161: Line 307:
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group13style|}}}" {{!}} {{{group13}}}
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group13style|}}}" {{!}} {{{group13}}}
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
−
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list13style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}" {{!}} <div style="padding:{{{listpadding|0em 0.25em}}}">
+
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list13style|}}}" class="navbox-list hlist navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}" {{!}} <div style="padding:{{{listpadding|0em 0.25em}}}">
 
{{{list13|}}}</div> }}<!--
 
{{{list13|}}}</div> }}<!--
  
Line 170: Line 316:
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group14style|}}}" {{!}} {{{group14}}}
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group14style|}}}" {{!}} {{{group14}}}
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
−
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list14style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}" {{!}} <div style="padding:{{{listpadding|0em 0.25em}}}">
+
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list14style|}}}" class="navbox-list hlist navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}" {{!}} <div style="padding:{{{listpadding|0em 0.25em}}}">
 
{{{list14|}}}</div> }}<!--
 
{{{list14|}}}</div> }}<!--
  
Line 179: Line 325:
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group15style|}}}" {{!}} {{{group15}}}
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group15style|}}}" {{!}} {{{group15}}}
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
−
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list15style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}" {{!}} <div style="padding:{{{listpadding|0em 0.25em}}}">
+
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list15style|}}}" class="navbox-list hlist navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}" {{!}} <div style="padding:{{{listpadding|0em 0.25em}}}">
 
{{{list15|}}}</div> }}<!--
 
{{{list15|}}}</div> }}<!--
  
Line 188: Line 334:
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group16style|}}}" {{!}} {{{group16}}}
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group16style|}}}" {{!}} {{{group16}}}
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
−
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list16style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}" {{!}} <div style="padding:{{{listpadding|0em 0.25em}}}">
+
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list16style|}}}" class="navbox-list hlist navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}" {{!}} <div style="padding:{{{listpadding|0em 0.25em}}}">
 
{{{list16|}}}</div> }}<!--
 
{{{list16|}}}</div> }}<!--
  
Line 197: Line 343:
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group17style|}}}" {{!}} {{{group17}}}
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group17style|}}}" {{!}} {{{group17}}}
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
−
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list17style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}" {{!}} <div style="padding:{{{listpadding|0em 0.25em}}}">
+
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list17style|}}}" class="navbox-list hlist navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}" {{!}} <div style="padding:{{{listpadding|0em 0.25em}}}">
 
{{{list17|}}}</div> }}<!--
 
{{{list17|}}}</div> }}<!--
  
Line 206: Line 352:
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group18style|}}}" {{!}} {{{group18}}}
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group18style|}}}" {{!}} {{{group18}}}
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
−
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list18style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}" {{!}} <div style="padding:{{{listpadding|0em 0.25em}}}">
+
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list18style|}}}" class="navbox-list hlist navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}" {{!}} <div style="padding:{{{listpadding|0em 0.25em}}}">
 
{{{list18|}}}</div> }}<!--
 
{{{list18|}}}</div> }}<!--
  
Line 215: Line 361:
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group19style|}}}" {{!}} {{{group19}}}
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group19style|}}}" {{!}} {{{group19}}}
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
−
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list19style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}" {{!}} <div style="padding:{{{listpadding|0em 0.25em}}}">
+
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list19style|}}}" class="navbox-list hlist navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}" {{!}} <div style="padding:{{{listpadding|0em 0.25em}}}">
 
{{{list19|}}}</div> }}<!--
 
{{{list19|}}}</div> }}<!--
  
Line 224: Line 370:
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group20style|}}}" {{!}} {{{group20}}}
 
{{!}} class="navbox-group" style="{{{basestyle|}}};{{{groupstyle|}}};{{{group20style|}}}" {{!}} {{{group20}}}
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
 
{{!}} style="text-align:left;border-left:2px solid #fdfdfd;|<nowiki/>
−
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list20style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}" {{!}} <div style="padding:{{{listpadding|0em 0.25em}}}">
+
{{!}} colspan=2 style="}} width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list20style|}}}" class="navbox-list hlist navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}" {{!}} <div style="padding:{{{listpadding|0em 0.25em}}}">
 
{{{list20|}}}</div> }}<!--
 
{{{list20|}}}</div> }}<!--
  

Revision as of 23:16, 14 February 2020

Template:Navbox - Documentation

Parts of this page were taken from the The English Wikipedia's documentation on the Navbox template.

This navigational template creates a box with a long list of organized links, so that a user can move between similar pages quickly. The template has default CSS styling, which can be changed as needed, although this is not recommended. This template should be used in a variety of places throughout the wiki because of its ease of use and standardization.

Parameters

name – The name of the Navbox
title – The title of the Navbox (shown at the top)
titlestyle – A CSS style for the title-bar, such as: background: aqua;
groupstyle – A CSS style for the group-cells, such as: background: #f516db;
above – Text to appear above the group/list section
image – An optional right-side image, coded as the whole image. Typically it is purely decorative, so it should be coded as [[File:XX.jpg|80px|link=|alt=]].
imageleft – An optional left-side image (code the same as the "image" parameter).
groupn – The left-side text before list-n (if group-n omitted, list-n extends to the left edge of the box, and defaults to text-align:center styling).
listn – Text listing wikilinks using a hlist format (where the wikilinks are styled as a horizontal list).
below – Optional text to appear below the group/list section.

Examples

A Simple Navbox Showing Layout


 {{Navbox
 | name  = Navbox
 | title = Title
 | above = Above

 | image = [[File:StateMembership2019.jpeg | 200px]]

 | group1 = Group1
 | list1  = List1

 | group2 = Group2
 | list2  =
 * List 1
 * List 2

 | group3 = Group3
 | list3  =
 * List 1
 * List 2
 * List 3

 | group4 = Group4
 | list4  =
 * List 1
 * List 2
 * List 3
 * List 4

 | group5 = Group5
 | list5  =
 * List 1
 * List 2
 * List 3
 * List 4
 * List 5

 | below = Below

 }}


v · t · e

Title
Above
Group1
List1
 StateMembership2019.jpeg
Group2
  • List 1 * List 2
Group3
  • List 1 * List 2 * List 3
Group4
  • List 1 * List 2 * List 3 * List 4
Group5
  • List 1 * List 2 * List 3 * List 4 * List 5
Below


Adding Subgroups and using Imageleft

{{Navbox
 | name  = Navbox
 | title = Title
 | above = Above

 | imageleft = [[File:StateMembership2019.jpeg | 200px]]

 | group1 = Group1
 | list1  = List1

 | group2 = Group2
 | list2  = * List 1 * List 2

 | group3 = Group3
 | list3  = * List 1 * List 2 * List 3

 | group4 = Group4
 | list4  = * List 1 * List 2 * List 3 * List 4

 | group5 = Group5
 | list5  = {{Navbox|child
      | group1 = ChildGroup1
      | list1 = ChildList1

      | group2 = ChildGroup2
      | list2 = ChildList2
 }}

 | below = Below
 }}


v · t · e

Title
Above
StateMembership2019.jpeg Group1
List1
Group2
  • List 1 * List 2
Group3
  • List 1 * List 2 * List 3
Group4
  • List 1 * List 2 * List 3 * List 4
Group5
ChildGroup1
ChildList1
ChildGroup2
ChildList2
Below



Retrieved from "https://scioly.org/wiki/index.php?title=Template:Navbox&oldid=80800"