Template:Blank Infobox
|
Parameters
Parameter | Description |
---|---|
above | Parameter's input is displayed as a centered line above all headers and labels/data cells. |
abovestyle | Input CSS to change the appearance of the above cell of infobox. |
header1 header2 header3 ... header19 header20 |
The header to be displayed on 1st line of infobox. Defining any header will not allow a label/data or plain data to appear. |
label1 label2 label3 ... label19 label20 |
The label to be displayed on the left on 1st line of infobox. If corresponding data parameter is defined, elements appear in two rows. |
data1 data2 data3 ... data19 data20 |
The data to be displayed on 1st line of infobox. If data parameter is defined alone, input is displayed as centered text. |
headerstyle | Input CSS to change the appearance of every header of infobox. |
labelstyle | Input CSS to change the appearance of every label of infobox. |
datastyle | Input CSS to change the appearance of every data cell of infobox. |
below | Parameter's input is displayed as a centered line below all headers and labels/data. |
belowstyle | Input CSS to change the appearance of the below cell of infobox. |
primarystyle | Input CSS to change the appearance of the box itself. NOTE: Do not use unless you know what you are doing |
secondarystyle | Input CSS to change the appearance of the main table of the box. NOTE: Do not use unless you know what you are doing |
child | Boolean. Inputting anything will allow you to seamlessly add a second infobox within the first. See Example |
Examples
Standard Usage
The following example shows how the input is displayed.
|
{{Blank Infobox | above = This is the above text | header1 = Header 1 | label2 = Label 2 | data2 = Data 2 | label3 = Label 3 | data3 = Data 3 | header4 = Header 4 Defined | label4 = Label 4 does not appear | data4 = Data 4 does not appear | data5 = Data 5 defined by itself | label6 = Label 6 defined by itself | label7 = Foo | data7 = Bar | header8 = Header 8 Defined | data8 = Data 8 does not appear | below = This is the below text }}
Images
Images can be displayed in the infobox like so:
|
{{Blank Infobox | header1 = Hydra Guy | data2 = [[File:Curse hydra.png|250x250px]] | label3 = Race | data3 = Plushie }}
Style
Simple CSS Usage
Use CSS to change the look of elements.
|
{{Blank Infobox | abovestyle = background-color: black; color: yellow; | above = Above Style | headerstyle = color: black; background-color: red; | header1 = Header is black and red | labelstyle = color: #ff00ff; background-color: #00ff00; | datastyle = color: #0000ff; | label2 = Label 2 Style | data2 = Data 2 Style | label3 = Affects all Labels | data3 = Affects all Data | data4 = Data Style applies to isolated data as well | belowstyle = background-color: yellow; color: black; font-style: italic; | below = Below Style is Italic }}
primarystyle/secondarystyle
The |primarystyle
and |secondarystyle
parameters are only for those who knows how to use them. These parameters can change the size of the infobox, the location, the appearance, etc. that may or may not work with the rest of the Infobox.
In general, an Infobox is made of t tables, one that all the cells appear in, and a single cell table that controls the width, position, and style. The |primarystyle
parameter, when changed, will alter the CSS of the box itself, for example, making the background color red instead of the default grey. The |secondarystyle
parameter, when changed, will alter the style of the table within the box, allowing the cells of the Infobox to altered.
Some simple CSS could change the look of the Infobox completely, like this:
|
{{Blank Infobox | primarystyle = border: green solid 3px; background: none; | secondarystyle = width: 15em; float: right; | above = Above Text | header1 = Header Text | label2 = Label Text | data2 = Data Text | label3 = Label Text | data3 = Data Text | data4 = Data Text | below = Below Text }}
...or this:
|
{{Blank Infobox | primarystyle = border: yellow solid 2.9em; background: #cd7584; | secondarystyle = color: green; width: 8em; position: relative; left: -5em; | above = Above Text | header1 = Header Text | label2 = Label Text | data2 = Data Text | label3 = Label Text | data3 = Data Text | data4 = Data Text | below = Below Text }}
This can quickly and easily get out of hand, which is why it is recommended that only those who know what they are doing should use it.
Child
You can embed an Infobox within another Infobox for any number of reasons. say, you have a lot of data and you need more, or you want Headers and Labels/Data to have a different style.
To embed the Infobox, the |child
parameter must be defined with any value. For this example, it will be set to |child = true
.
More data cells
|
{{Blank Infobox | header1 = First Infobox | data2 = Some Data | data3 = More Data <!-- ... --> | data19 = Even More Data <!-- All data parameters filled, so a second infobox will be used --> | data20 = {{Blank Infobox | child = true <!-- |child parameter defined --> | header1 = Second Header | data2 = Lots of data }} }}
Different Style
|
{{Blank Infobox | headerstyle = color: black; background-color: white; | header1 = Header Style 1 | datastyle = color: blue; background-color: red; | data2 = Data Style 1 | below = {{Blank Infobox | child = true <!-- |child parameter defined --> | headerstyle = color: white; background-color: black; | header1 = Header Style 2 | datastyle = color: red; background-color: blue; | data2 = Data Style 2 }} }}