Template:Infobox/doc: Difference between revisions
imported>Caesar Schinas m (→Usage) |
imported>Caesar Schinas m (simplified background-color to background) |
||
Line 1: | Line 1: | ||
<br /> | <br /> | ||
==== Usage ==== | ==== Usage ==== | ||
CSS styles such as <code>background | CSS styles such as <code>background</code> can optionally be defined using the following variables. | ||
* '''<code>style</code>''' (styles which will apply to the entire infobox) | * '''<code>style</code>''' (styles which will apply to the entire infobox) | ||
* '''<code>labelstyle</code>''' (styles which should be applied to every label in the entire infobox) | * '''<code>labelstyle</code>''' (styles which should be applied to every label in the entire infobox) | ||
Line 28: | Line 28: | ||
==== Example ==== | ==== Example ==== | ||
{{Infobox | {{Infobox | ||
| style = background | | style = background:#ccf; | ||
| labelstyle = background | | labelstyle = background:#99f; color:#00f; | ||
| datastyle = background | | datastyle = background:#eef; color:#009; | ||
| title = This is the title | | title = This is the title | ||
Line 79: | Line 79: | ||
<pre> | <pre> | ||
{{Infobox | {{Infobox | ||
| style = background | | style = background:#ccf; | ||
| labelstyle = background | | labelstyle = background:#99f; color:#00f; | ||
| datastyle = background | | datastyle = background:#eef; color:#009; | ||
| title = This is the title | | title = This is the title |
Revision as of 03:30, 4 May 2009
Usage
CSS styles such as background
can optionally be defined using the following variables.
style
(styles which will apply to the entire infobox)labelstyle
(styles which should be applied to every label in the entire infobox)datastyle
(styles which should be applied to every data cell in the entire infobox)
These styles can be overridden on a per-cell basis using the per-cell style variables below.
Each style should end with a semicolon ( ; ), as seen below.
The title of the infobox is defined by the title
variable.
The subtitle is defined by the subtitle
variable.
Each row is defined using a combination of the following variables.
#_label
#_labelstyle
#_data
#_datastyle
The # in the above variables must be replaced by the row number, as seen below (eg 1_label
and 1_data
for the first row, etc).
The data variables can be used alone to create a full-width data row without a label.
A centred bold header, without data, can be created by setting the data variable to ---
.
If no label or data style is designated the default styles will be used.
Up to 25 different rows can be defined.
All variables are optional, though it is clearly pointless to create an infobox with no data whatsoever.
Example
This is the title | |
---|---|
This is the subtitle | |
1 A Header | |
2 A Label | 2 Some Data |
3 Another Label | 3 Some more Data |
4 A Header | |
6 Some data only that expands across both columns | |
7 A Header | |
8 A Label | 8 Some Data |
9 Another Label | 9 Some more Data |
10 Another Label | 10 Some more Data |
11 A Header | |
12 Some data only that expands across both columns |
{{Infobox | style = background:#ccf; | labelstyle = background:#99f; color:#00f; | datastyle = background:#eef; color:#009; | title = This is the title | titlestyle = color:#f00; | subtitle = This is the subtitle | subtitlestyle = color:#00f; | 1_label = 1 A Header | 1_data = --- | 2_label = 2 A Label | 2_data = 2 Some Data | 3_label = 3 Another Label | 3_data = 3 Some more Data | 4_label = 4 A Header | 4_data = --- | 5_label = 5 A Label only | 6_data = 6 Some data only that expands across both columns | 7_label = 7 A Header | 7_labelstyle = background:lightgrey; | 7_data = --- | 8_label = 8 A Label | 8_labelstyle = background:lightblue; font-style:italic; | 8_data = 8 Some Data | 9_label = 9 Another Label | 9_data = 9 Some more Data | 9_datastyle = background:lightgreen; font-style:italic; | 10_label = 10 Another Label | 10_labelstyle = background:lightblue; | 10_data = 10 Some more Data | 10_datastyle = background:lightgreen; | 11_label = 11 A Header | 11_data = --- | 12_data = 12 Some data only that expands across both columns | 12_datastyle = background:lightgreen; font-style:italic; border:1px solid red; }}