Difference between revisions of "Template:Infobox"

MyInfoBox
	MyInfoBox
	GBAtemp DSTWO!
first header
first label	first data
	second data without header and label
	third header without data
	bottom text

Latest revision as of 11:47, 18 January 2015

↑ Template Documentation ↓ [Edit • Reload]

This template is used to create a basic information box on a specific page with the most important info.

In most cases, this Template will be used in other Templates, rather than being placed on a page directly.

Parameters

title - The title of the box.
image - An image that appears directly under the title.
imagesize - Width of the image (default 200px).
imagecaption - Optional caption that appears below the image
header1 - Header of the first group
label1 - Label of the first group
data1 - Data of the first group
header2 - Header of the second group
label2 - Label of the second group
data2 - Data of the second group
...
header15 - Header of the fifteenth group
label15 - Label of the fifteenth group
data15 - Data of the fifteenth group
below - Text to appear on the bottom

Anything that's not included will simply not be displayed. (Except for the title)

Note that you can add data without a label, but not the other way around.

Example Usage

{{InfoBox
 |title=MyInfoBox
 |image=Image:DSTWOtemp_Cart.jpg <!-- Or just DSTWOtemp_Cart.jpg without the "Image:" -->
 |imagesize=150px
 |imagecaption=GBAtemp DSTWO!
 |header1 = first header
 |label1 = first label
 |data1 = first data
 |data2 = second data without header and label
 |label3 = third label without data
 |header3 = third header without data
 |below = bottom text
}}

The above documentation was Transcluded from the /doc subpage

@@ Line 1: / Line 1: @@
-{|style="border:#AAA 1px solid; background: #F9F9F9; width:25em; text-align: left; float:right; margin: 0.5em 0 0.5em 1em; padding: 0.2em;"
+{|class="infobox"
-|colspan="2" style="font-size:16px; text-align:center; background: #CCF; font-weight:bold;"|{{{title}}}
+|colspan="2" class="infobox-title"|{{{title}}}
 |-
 {{#if:{{{image|}}}|
-{{!}}colspan="2"{{!}}[[{{{image|}}}|{{{imagesize|200px}}}|center]]
+{{!}}colspan="2" style="text-align:center;"{{!}}[[{{#if:{{#pos:{{{image}}}|:}}||File:}}{{{image}}}{{!}}{{{imagesize|200px}}}{{!}}center]]
 {{#if:{{{imagecaption|}}}|
 {{!}}-
-{{!}}colspan="2" style="text-align:center"{{!}}{{{imagecaption|}}}}}}}
+{{!}}colspan="2" style="text-align:center"{{!}}''{{{imagecaption|}}}''}}}}
 |-<!--
 GROUP 1
 -->{{#if:{{{header1|}}}|
 {{!}}-
-{{!}}colspan="2" style="font-weight:bold; text-align:center; background: #CCF; padding-top:4px; padding-bottom:4px;"{{!}}{{{header1|}}}}}
+{{!}}colspan="2" class="infobox-header"{{!}}{{{header1|}}}}}
 {{#if:{{{data1|}}}|
 {{!}}-
 {{#if:{{{label1|}}}|
-{{!}}style="background: #DDF; font-weight:bold; padding:4px; width:50%;"{{!}}{{{label1|}}}}}
+{{!}}class="infobox-label"{{!}}{{{label1|}}}}}
 {{!}}{{#if:{{{label1|}}}|style="padding:4px;"|colspan="2" style="padding:4px; text-align:center;"}}{{!}}{{{data1|}}}}}
 |-<!--
@@ Line 21: / Line 21: @@
 -->{{#if:{{{header2|}}}|
 {{!}}-
-{{!}}colspan="2" style="font-weight:bold; text-align:center; background: #CCF; padding-top:4px; padding-bottom:4px;"{{!}}{{{header2|}}}}}
+{{!}}colspan="2" class="infobox-header"{{!}}{{{header2|}}}}}
 {{#if:{{{data2|}}}|
 {{!}}-
 {{#if:{{{label2|}}}|
-{{!}}style="background: #DDF; font-weight:bold; padding:4px; width:50%;"{{!}}{{{label2|}}}}}
+{{!}}class="infobox-label"{{!}}{{{label2|}}}}}
 {{!}}{{#if:{{{label2|}}}|style="padding:4px;"|colspan="2" style="padding:4px; text-align:center;"}}{{!}}{{{data2|}}}}}
 |-<!--
@@ Line 35: / Line 35: @@
 {{!}}-
 {{#if:{{{label3|}}}|
-{{!}}style="background: #DDF; font-weight:bold; padding:4px; width:50%;"{{!}}{{{label3|}}}}}
+{{!}}class="infobox-label"{{!}}{{{label3|}}}}}
 {{!}}{{#if:{{{label3|}}}|style="padding:4px;"|colspan="2" style="padding:4px; text-align:center;"}}{{!}}{{{data3|}}}}}
 |-<!--
@@ Line 41: / Line 41: @@
 -->{{#if:{{{header4|}}}|
 {{!}}-
-{{!}}colspan="2" style="font-weight:bold; text-align:center; background: #CCF; padding-top:4px; padding-bottom:4px;"{{!}}{{{header4|}}}}}
+{{!}}colspan="2" class="infobox-header"{{!}}{{{header4|}}}}}
 {{#if:{{{data4|}}}|
 {{!}}-
 {{#if:{{{label4|}}}|
-{{!}}style="background: #DDF; font-weight:bold; padding:4px; width:50%;"{{!}}{{{label4|}}}}}
+{{!}}class="infobox-label"{{!}}{{{label4|}}}}}
 {{!}}{{#if:{{{label4|}}}|style="padding:4px;"|colspan="2" style="padding:4px; text-align:center;"}}{{!}}{{{data4|}}}}}
 |-<!--
@@ Line 51: / Line 51: @@
 -->{{#if:{{{header5|}}}|
 {{!}}-
-{{!}}colspan="2" style="font-weight:bold; text-align:center; background: #CCF; padding-top:4px; padding-bottom:4px;"{{!}}{{{header5|}}}}}
+{{!}}colspan="2" class="infobox-header"{{!}}{{{header5|}}}}}
 {{#if:{{{data5|}}}|
 {{!}}-
 {{#if:{{{label5|}}}|
-{{!}}style="background: #DDF; font-weight:bold; padding:4px; width:50%;"{{!}}{{{label5|}}}}}
+{{!}}class="infobox-label"{{!}}{{{label5|}}}}}
 {{!}}{{#if:{{{label5|}}}|style="padding:4px;"|colspan="2" style="padding:4px; text-align:center;"}}{{!}}{{{data5|}}}}}
 |-<!--
@@ Line 61: / Line 61: @@
 -->{{#if:{{{header6|}}}|
 {{!}}-
-{{!}}colspan="2" style="font-weight:bold; text-align:center; background: #CCF; padding-top:4px; padding-bottom:4px;"{{!}}{{{header6|}}}}}
+{{!}}colspan="2" class="infobox-header"{{!}}{{{header6|}}}}}
 {{#if:{{{data6|}}}|
 {{!}}-
 {{#if:{{{label6|}}}|
-{{!}}style="background: #DDF; font-weight:bold; padding:4px; width:50%;"{{!}}{{{label6|}}}}}
+{{!}}class="infobox-label"{{!}}{{{label6|}}}}}
 {{!}}{{#if:{{{label6|}}}|style="padding:4px;"|colspan="2" style="padding:4px; text-align:center;"}}{{!}}{{{data6|}}}}}
 |-<!--
@@ Line 71: / Line 71: @@
 -->{{#if:{{{header7|}}}|
 {{!}}-
-{{!}}colspan="2" style="font-weight:bold; text-align:center; background: #CCF; padding-top:4px; padding-bottom:4px;"{{!}}{{{header7|}}}}}
+{{!}}colspan="2" class="infobox-header"{{!}}{{{header7|}}}}}
 {{#if:{{{data7|}}}|
 {{!}}-
 {{#if:{{{label7|}}}|
-{{!}}style="background: #DDF; font-weight:bold; padding:4px; width:50%;"{{!}}{{{label7|}}}}}
+{{!}}class="infobox-label"{{!}}{{{label7|}}}}}
 {{!}}{{#if:{{{label7|}}}|style="padding:4px;"|colspan="2" style="padding:4px; text-align:center;"}}{{!}}{{{data7|}}}}}
 |-<!--
@@ Line 81: / Line 81: @@
 -->{{#if:{{{header8|}}}|
 {{!}}-
-{{!}}colspan="2" style="font-weight:bold; text-align:center; background: #CCF; padding-top:4px; padding-bottom:4px;"{{!}}{{{header8|}}}}}
+{{!}}colspan="2" class="infobox-header"{{!}}{{{header8|}}}}}
 {{#if:{{{data8|}}}|
 {{!}}-
 {{#if:{{{label8|}}}|
-{{!}}style="background: #DDF; font-weight:bold; padding:4px; width:50%;"{{!}}{{{label8|}}}}}
+{{!}}class="infobox-label"{{!}}{{{label8|}}}}}
 {{!}}{{#if:{{{label8|}}}|style="padding:4px;"|colspan="2" style="padding:4px; text-align:center;"}}{{!}}{{{data8|}}}}}
 |-<!--
@@ Line 91: / Line 91: @@
 -->{{#if:{{{header9|}}}|
 {{!}}-
-{{!}}colspan="2" style="font-weight:bold; text-align:center; background: #CCF; padding-top:4px; padding-bottom:4px;"{{!}}{{{header9|}}}}}
+{{!}}colspan="2" class="infobox-header"{{!}}{{{header9|}}}}}
 {{#if:{{{data9|}}}|
 {{!}}-
 {{#if:{{{label9|}}}|
-{{!}}style="background: #DDF; font-weight:bold; padding:4px; width:50%;"{{!}}{{{label9|}}}}}
+{{!}}class="infobox-label"{{!}}{{{label9|}}}}}
 {{!}}{{#if:{{{label9|}}}|style="padding:4px;"|colspan="2" style="padding:4px; text-align:center;"}}{{!}}{{{data9|}}}}}
 |-<!--
@@ Line 101: / Line 101: @@
 -->{{#if:{{{header10|}}}|
 {{!}}-
-{{!}}colspan="2" style="font-weight:bold; text-align:center; background: #CCF; padding-top:4px; padding-bottom:4px;"{{!}}{{{header10|}}}}}
+{{!}}colspan="2" class="infobox-header"{{!}}{{{header10|}}}}}
 {{#if:{{{data10|}}}|
 {{!}}-
 {{#if:{{{label10|}}}|
-{{!}}style="background: #DDF; font-weight:bold; padding:4px; width:50%;"{{!}}{{{label10|}}}}}
+{{!}}class="infobox-label"{{!}}{{{label10|}}}}}
-{{!}}{{#if:{{{label10|ds}}}|style="padding:4px;"|colspan="2" style="padding:4px; text-align:center;"}}{{!}}{{{data10|}}}}}
+{{!}}{{#if:{{{label10|}}}|style="padding:4px;"|colspan="2" style="padding:4px; text-align:center;"}}{{!}}{{{data10|}}}}}
+|-<!--
+GROUP 11
+-->{{#if:{{{header11|}}}|
+{{!}}-
+{{!}}colspan="2" class="infobox-header"{{!}}{{{header11|}}}}}
+{{#if:{{{data11|}}}|
+{{!}}-
+{{#if:{{{label11|}}}|
+{{!}}class="infobox-label"{{!}}{{{label11|}}}}}
+{{!}}{{#if:{{{label11|}}}|style="padding:4px;"|colspan="2" style="padding:4px; text-align:center;"}}{{!}}{{{data11|}}}}}
+|-<!--
+GROUP 12
+-->{{#if:{{{header12|}}}|
+{{!}}-
+{{!}}colspan="2" class="infobox-header"{{!}}{{{header12|}}}}}
+{{#if:{{{data12|}}}|
+{{!}}-
+{{#if:{{{label12|}}}|
+{{!}}class="infobox-label"{{!}}{{{label12|}}}}}
+{{!}}{{#if:{{{label12|}}}|style="padding:4px;"|colspan="2" style="padding:4px; text-align:center;"}}{{!}}{{{data12|}}}}}
+|-<!--
+GROUP 13
+-->{{#if:{{{header13|}}}|
+{{!}}-
+{{!}}colspan="2" class="infobox-header"{{!}}{{{header13|}}}}}
+{{#if:{{{data13|}}}|
+{{!}}-
+{{#if:{{{label13|}}}|
+{{!}}class="infobox-label"{{!}}{{{label13|}}}}}
+{{!}}{{#if:{{{label13|}}}|style="padding:4px;"|colspan="2" style="padding:4px; text-align:center;"}}{{!}}{{{data13|}}}}}
+|-<!--
+GROUP 14
+-->{{#if:{{{header14|}}}|
+{{!}}-
+{{!}}colspan="2" class="infobox-header"{{!}}{{{header14|}}}}}
+{{#if:{{{data14|}}}|
+{{!}}-
+{{#if:{{{label14|}}}|
+{{!}}class="infobox-label"{{!}}{{{label14|}}}}}
+{{!}}{{#if:{{{label14|}}}|style="padding:4px;"|colspan="2" style="padding:4px; text-align:center;"}}{{!}}{{{data14|}}}}}
+|-<!--
+GROUP 15
+-->{{#if:{{{header15|}}}|
+{{!}}-
+{{!}}colspan="2" class="infobox-header"{{!}}{{{header15|}}}}}
+{{#if:{{{data15|}}}|
+{{!}}-
+{{#if:{{{label15|}}}|
+{{!}}class="infobox-label"{{!}}{{{label15|}}}}}
+{{!}}{{#if:{{{label15|}}}|style="padding:4px;"|colspan="2" style="padding:4px; text-align:center;"}}{{!}}{{{data15|}}}}}
+|-<!--
+GROUP 16
+-->{{#if:{{{header16|}}}|
+{{!}}-
+{{!}}colspan="2" class="infobox-header"{{!}}{{{header16|}}}}}
+{{#if:{{{data16|}}}|
+{{!}}-
+{{#if:{{{label16|}}}|
+{{!}}class="infobox-label"{{!}}{{{label16|}}}}}
+{{!}}{{#if:{{{label16|}}}|style="padding:4px;"|colspan="2" style="padding:4px; text-align:center;"}}{{!}}{{{data16|}}}}}
 |-<!--
 BELOW
 -->{{#if:{{{below|}}}|
 {{!}}-
-{{!}}colspan="2" style="text-align:center; background: #DDF; padding-top:4px; padding-bottom:4px;"{{!}}{{{below|}}}}}
+{{!}}colspan="2" class="infobox-below"{{!}}{{{below|}}}}}
 |}<noinclude>
 {{documentation}}
 [[Category:Infobox Templates|{{PAGENAME}}]]</noinclude>