Template:Navbox

From FORwiki

(Difference between revisions)
Jump to: navigation, search
Line 6: Line 6:
  -->style="{{{bodystyle|}}};{{{style|}}}"><tr><td style="padding:2px;">}}<!--
  -->style="{{{bodystyle|}}};{{{style|}}}"><tr><td style="padding:2px;">}}<!--
-
--><table cellspacing="0" class="nowraplinks {{#if:{{{title|UN TITLU HACKED}}}|{{#switch:{{{state|}}}|plain|off=|<!--
+
--><table cellspacing="0" class="nowraplinks {{#if:{{{title|}}}|{{#switch:{{{state|}}}|plain|off=|<!--
  -->#default=collapsible {{#if:{{{state|}}}|{{{state}}}|autocollapse}}}}}} {{#switch:{{{border|{{{1|}}}}}}|<!--
  -->#default=collapsible {{#if:{{{state|}}}|{{{state}}}|autocollapse}}}}}} {{#switch:{{{border|{{{1|}}}}}}|<!--
  -->subgroup|child|none=navbox-subgroup" style="width:100%;{{{bodystyle|}}};{{{style|}}}|<!--
  -->subgroup|child|none=navbox-subgroup" style="width:100%;{{{bodystyle|}}};{{{style|}}}|<!--
  -->#default=" style="width:100%;background:transparent;color:inherit}};{{{innerstyle|}}};"><!--
  -->#default=" style="width:100%;background:transparent;color:inherit}};{{{innerstyle|}}};"><!--
-
 
-
{{#if:{{#switch:{{{navbar|}}}|plain|off=1}}
 
-
  {{#if:{{{name|}}}||{{#switch:{{{border|{{{1|}}}}}}|subgroup|child|none=1}}}}|<!--
 
-
-->{{#ifeq:{{{navbar|}}}|off|{{#ifeq:{{{state|}}}|plain|<div style="float:right;width:6em;">&nbsp;</div>}}|<!--
 
-
-->{{#ifeq:{{{state|}}}|plain||<div style="float:left; width:6em;text-align:left;">&nbsp;</div>}}}}|
 
-
<div style="float:left; width:6em;text-align:left;">
 
-
{{Navbar|{{{name}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}
 
-
</div>{{#ifeq:{{{state|}}}|plain|<div style="float:right;width:6em;">&nbsp;</div>}}}}
 
Line 67: Line 59:
  -->width:100%;padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list1style|}}}" <!--
  -->width:100%;padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list1style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
-
  --><div style="padding:{{{list1padding|{{{listpadding|0em 0.25em}}}}}}">{{{list1}}}</div></td><!--
+
  --><div style="padding:{{{list1padding|{{{listpadding|0em 0.25em}}}}}}">
 +
{{{list1}}}</div></td><!--
-->{{#if:{{{image|}}}|<!--
-->{{#if:{{{image|}}}|<!--
Line 90: Line 83:
  -->width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list2style|}}}" <!--
  -->width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list2style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
-
  --><div style="padding:{{{listpadding|0em 0.25em}}}">{{{list2}}}</div></td></tr>}}<!--
+
  --><div style="padding:{{{listpadding|0em 0.25em}}}">
 +
{{{list2}}}</div></td></tr>}}<!--
-->{{#if:{{{list3|}}}|<!--
-->{{#if:{{{list3|}}}|<!--
Line 98: Line 92:
  -->width:100%;padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list3style|}}}" <!--
  -->width:100%;padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list3style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
-
  --><div style="padding:{{{listpadding|0em 0.25em}}}">{{{list3}}}</div></td></tr>}}<!--
+
  --><div style="padding:{{{listpadding|0em 0.25em}}}">
 +
{{{list3}}}</div></td></tr>}}<!--
-->{{#if:{{{list4|}}}|<!--
-->{{#if:{{{list4|}}}|<!--
Line 106: Line 101:
  -->width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list4style|}}}" <!--
  -->width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list4style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
-
  --><div style="padding:{{{listpadding|0em 0.25em}}}">{{{list4}}}</div></td></tr>}}<!--
+
  --><div style="padding:{{{listpadding|0em 0.25em}}}">
 +
{{{list4}}}</div></td></tr>}}<!--
-->{{#if:{{{list5|}}}|<!--
-->{{#if:{{{list5|}}}|<!--
Line 114: Line 110:
  -->width:100%;padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list5style|}}}" <!--
  -->width:100%;padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list5style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
-
  --><div style="padding:{{{listpadding|0em 0.25em}}}">{{{list5}}}</div></td></tr>}}<!--
+
  --><div style="padding:{{{listpadding|0em 0.25em}}}">
 +
{{{list5}}}</div></td></tr>}}<!--
-->{{#if:{{{list6|}}}|<!--
-->{{#if:{{{list6|}}}|<!--
Line 122: Line 119:
  -->width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list6style|}}}" <!--
  -->width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list6style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
-
  --><div style="padding:{{{listpadding|0em 0.25em}}}">{{{list6}}}</div></td></tr>}}<!--
+
  --><div style="padding:{{{listpadding|0em 0.25em}}}">
 +
{{{list6}}}</div></td></tr>}}<!--
-->{{#if:{{{list7|}}}|<!--
-->{{#if:{{{list7|}}}|<!--
Line 130: Line 128:
  -->width:100%;padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list7style|}}}" <!--
  -->width:100%;padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list7style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
-
  --><div style="padding:{{{listpadding|0em 0.25em}}}">{{{list7}}}</div></td></tr>}}<!--
+
  --><div style="padding:{{{listpadding|0em 0.25em}}}">
 +
{{{list7}}}</div></td></tr>}}<!--
-->{{#if:{{{list8|}}}|<!--
-->{{#if:{{{list8|}}}|<!--
Line 138: Line 137:
  -->width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list8style|}}}" <!--
  -->width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list8style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
-
  --><div style="padding:{{{listpadding|0em 0.25em}}}">{{{list8}}}</div></td></tr>}}<!--
+
  --><div style="padding:{{{listpadding|0em 0.25em}}}">
 +
{{{list8}}}</div></td></tr>}}<!--
-->{{#if:{{{list9|}}}|<!--
-->{{#if:{{{list9|}}}|<!--
Line 146: Line 146:
  -->width:100%;padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list9style|}}}" <!--
  -->width:100%;padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list9style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
-
  --><div style="padding:{{{listpadding|0em 0.25em}}}">{{{list9}}}</div></td></tr>}}<!--
+
  --><div style="padding:{{{listpadding|0em 0.25em}}}">
 +
{{{list9}}}</div></td></tr>}}<!--
-->{{#if:{{{list10|}}}|<!--
-->{{#if:{{{list10|}}}|<!--
Line 154: Line 155:
  -->width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list10style|}}}" <!--
  -->width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list10style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
-
  --><div style="padding:{{{listpadding|0em 0.25em}}}">{{{list10}}}</div></td></tr>}}<!--
+
  --><div style="padding:{{{listpadding|0em 0.25em}}}">
 +
{{{list10}}}</div></td></tr>}}<!--
-->{{#if:{{{list11|}}}|<!--
-->{{#if:{{{list11|}}}|<!--
Line 162: Line 164:
  -->width:100%;padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list11style|}}}" <!--
  -->width:100%;padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list11style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
-
  --><div style="padding:{{{listpadding|0em 0.25em}}}">{{{list11}}}</div></td></tr>}}<!--
+
  --><div style="padding:{{{listpadding|0em 0.25em}}}">
 +
{{{list11}}}</div></td></tr>}}<!--
-->{{#if:{{{list12|}}}|<!--
-->{{#if:{{{list12|}}}|<!--
Line 170: Line 173:
  -->width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list12style|}}}" <!--
  -->width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list12style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
-
  --><div style="padding:{{{listpadding|0em 0.25em}}}">{{{list12}}}</div></td></tr>}}<!--
+
  --><div style="padding:{{{listpadding|0em 0.25em}}}">
 +
{{{list12}}}</div></td></tr>}}<!--
-->{{#if:{{{list13|}}}|<!--
-->{{#if:{{{list13|}}}|<!--
Line 178: Line 182:
  -->width:100%;padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list13style|}}}" <!--
  -->width:100%;padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list13style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
-
  --><div style="padding:{{{listpadding|0em 0.25em}}}">{{{list13}}}</div></td></tr>}}<!--
+
  --><div style="padding:{{{listpadding|0em 0.25em}}}">
 +
{{{list13}}}</div></td></tr>}}<!--
-->{{#if:{{{list14|}}}|<!--
-->{{#if:{{{list14|}}}|<!--
Line 186: Line 191:
  -->width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list14style|}}}" <!--
  -->width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list14style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
-
  --><div style="padding:{{{listpadding|0em 0.25em}}}">{{{list14}}}</div></td></tr>}}<!--
+
  --><div style="padding:{{{listpadding|0em 0.25em}}}">
 +
{{{list14}}}</div></td></tr>}}<!--
-->{{#if:{{{list15|}}}|<!--
-->{{#if:{{{list15|}}}|<!--
Line 194: Line 200:
  -->width:100%;padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list15style|}}}" <!--
  -->width:100%;padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list15style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
-
  --><div style="padding:{{{listpadding|0em 0.25em}}}">{{{list15}}}</div></td></tr>}}<!--
+
  --><div style="padding:{{{listpadding|0em 0.25em}}}">
 +
{{{list15}}}</div></td></tr>}}<!--
-->{{#if:{{{list16|}}}|<!--
-->{{#if:{{{list16|}}}|<!--
Line 202: Line 209:
  -->width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list16style|}}}" <!--
  -->width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list16style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
-
  --><div style="padding:{{{listpadding|0em 0.25em}}}">{{{list16}}}</div></td></tr>}}<!--
+
  --><div style="padding:{{{listpadding|0em 0.25em}}}">
 +
{{{list16}}}</div></td></tr>}}<!--
-->{{#if:{{{list17|}}}|<!--
-->{{#if:{{{list17|}}}|<!--
Line 210: Line 218:
  -->width:100%;padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list17style|}}}" <!--
  -->width:100%;padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list17style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
-
  --><div style="padding:{{{listpadding|0em 0.25em}}}">{{{list17}}}</div></td></tr>}}<!--
+
  --><div style="padding:{{{listpadding|0em 0.25em}}}">
 +
{{{list17}}}</div></td></tr>}}<!--
-->{{#if:{{{list18|}}}|<!--
-->{{#if:{{{list18|}}}|<!--
Line 218: Line 227:
  -->width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list18style|}}}" <!--
  -->width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list18style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
-
  --><div style="padding:{{{listpadding|0em 0.25em}}}">{{{list18}}}</div></td></tr>}}<!--
+
  --><div style="padding:{{{listpadding|0em 0.25em}}}">
 +
{{{list18}}}</div></td></tr>}}<!--
-->{{#if:{{{list19|}}}|<!--
-->{{#if:{{{list19|}}}|<!--
Line 226: Line 236:
  -->width:100%;padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list19style|}}}" <!--
  -->width:100%;padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list19style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
-
  --><div style="padding:{{{listpadding|0em 0.25em}}}">{{{list19}}}</div></td></tr>}}<!--
+
  --><div style="padding:{{{listpadding|0em 0.25em}}}">
 +
{{{list19}}}</div></td></tr>}}<!--
-->{{#if:{{{list20|}}}|<!--
-->{{#if:{{{list20|}}}|<!--
Line 234: Line 245:
  -->width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list20style|}}}" <!--
  -->width:100%;padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list20style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
-
  --><div style="padding:{{{listpadding|0em 0.25em}}}">{{{list20}}}</div></td></tr>}}<!--
+
  --><div style="padding:{{{listpadding|0em 0.25em}}}">
 +
{{{list20}}}</div></td></tr>}}<!--

Revision as of 21:46, 24 December 2009


[edit] [purge] Template documentation

This template allows a navigational template to be set up relatively quickly by supplying it one or more lists of links. It comes equipped with default styles that should work for most navigational templates. Changing the default styles is not recommended, but is possible. Using this template, or one of its "Navbox suite" sister templates, is highly recommended for standardization of navigational templates, and for ease of use.

Contents

Usage

Please remove the parameters that are left blank.

{{Navbox
|bodyclass  = 
|name       =
|title      = 
|titleclass = 
|image      = 
|above      = 

|group1     = 
|list1      = 

|group2     = 
|list2      = 
 ...
|group20    = 
|list20     = 

|below      = 
}}

Parameter list

The navbox uses lowercase parameter names, as shown in the box (at right). The mandatory name and title will create a one-line box if other parameters are omitted.

Notice "group1" (etc.) is optional, as are sections named "above/below".
The basic and most common parameters are as follows (see below for the full list):

bodyclass - applies an HTML class attribute to the entire navbox.
name - the name of the template.
title - text in the title bar, such as: [[Widget stuff]].
titleclass - applies an HTML class attribute to the title bar.
state - autocollapse, uncollapsed, collapsed: the status of box expansion, where "autocollapse" hides stacked navboxes automatically.
titlestyle - a CSS style for the title-bar, such as: background:gray;
groupstyle - a CSS style for the group-cells, such as: background:#eee;
image - an optional right-side image, coded as the whole image. Typically it is purely decorative, so it should be coded as [[Image:XX.jpg|90px|link=|alt=]].
imageleft - an optional left-side image (code the same as the "image" parameter).
above - text to appear above the group/list section (could be a list of overall wikilinks).
groupn - the left-side text before list-n (if group-n omitted, list-n starts at left of box).
listn - text listing wikilinks, often separated by middot templates, such as: [<font/>[A]]{<font/>{·}} [<font/>[B]]
below - optional text to appear below the group/list section.

Further details, and complex restrictions, are explained below under section Parameter descriptions. See some alternate navbox formats under: Layout of table.

Layout of table

Table generated by {{Navbox}} without image, above and below parameters (gray list background color added for illustration only):


Table generated by {{Navbox}} with image, above and below parameters (gray list background color added for illustration only):


Table generated by {{Navbox}} with image, imageleft, lists, and without groups, above, below (gray list background color added for illustration only):

Examples

Child navboxes

It is possible to place multiple navboxes within a single border with the use of the border parameter, or by specifying the first parameter to be "child". The basic code for doing this is as follows (which adds a subgroup for the first group/list area):

{{Navbox
|name = {{subst:PAGENAME}}
|title = Title

|group1 = [optional]
|list1 = {{Navbox|child
   ...child navbox parameters...
 }}

...
}}

Subgroups example

Personal tools