Difference between revisions of "Template:Infobox"

From LFS Manual
Jump to navigationJump to search
m
m
Line 54: Line 54:
 
   {{#if:{{{label1|}}}
 
   {{#if:{{{label1|}}}
 
| <th scope="row" style="text-align: left; vertical-align: top; {{{labelstyle|}}}">{{{label1}}}</th>
 
| <th scope="row" style="text-align: left; vertical-align: top; {{{labelstyle|}}}">{{{label1}}}</th>
   <td scope="row" style="text-align: left; vertical-align: top; {{{datastyle|}}}">{{{data1}}}</td>
+
   <td scope="row" style="text-align: left; vertical-align: top; {{{datastyle|}}}">
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">{{{data1}}}</td>
+
{{{data1}}}
 +
</td>
 +
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">
 +
{{{data1}}}
 +
</td>
 
   }}
 
   }}
 
</tr>
 
</tr>
Line 69: Line 73:
 
   {{#if:{{{label2|}}}
 
   {{#if:{{{label2|}}}
 
| <th scope="row" style="text-align: left; vertical-align: top; {{{labelstyle|}}}">{{{label2}}}</th>
 
| <th scope="row" style="text-align: left; vertical-align: top; {{{labelstyle|}}}">{{{label2}}}</th>
   <td scope="row" style="text-align: left; vertical-align: top; {{{datastyle|}}}">{{{data2}}}</td>
+
   <td scope="row" style="text-align: left; vertical-align: top; {{{datastyle|}}}">
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">{{{data2}}}</td>
+
{{{data2}}}
 +
</td>
 +
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">
 +
{{{data2}}}
 +
</td>
 
   }}
 
   }}
 
</tr>
 
</tr>
Line 84: Line 92:
 
   {{#if:{{{label3|}}}
 
   {{#if:{{{label3|}}}
 
| <th scope="row" style="text-align: left; vertical-align: top; {{{labelstyle|}}}">{{{label3}}}</th>
 
| <th scope="row" style="text-align: left; vertical-align: top; {{{labelstyle|}}}">{{{label3}}}</th>
   <td scope="row" style="text-align: left; vertical-align: top; {{{datastyle|}}}">{{{data3}}}</td>
+
   <td scope="row" style="text-align: left; vertical-align: top; {{{datastyle|}}}">
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">{{{data3}}}</td>
+
{{{data3}}}
 +
</td>
 +
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">
 +
{{{data3}}}
 +
</td>
 
   }}
 
   }}
 
</tr>
 
</tr>
Line 102: Line 114:
 
{{{data4}}}
 
{{{data4}}}
 
</td>
 
</td>
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">{{{data4}}}</td>
+
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">
 +
{{{data4}}}</td>
 
   }}
 
   }}
 
</tr>
 
</tr>
Line 116: Line 129:
 
   {{#if:{{{label5|}}}
 
   {{#if:{{{label5|}}}
 
| <th scope="row" style="text-align: left; vertical-align: top; {{{labelstyle|}}}">{{{label5}}}</th>
 
| <th scope="row" style="text-align: left; vertical-align: top; {{{labelstyle|}}}">{{{label5}}}</th>
   <td scope="row" style="text-align: left; vertical-align: top; {{{datastyle|}}}">{{{data5}}}</td>
+
   <td scope="row" style="text-align: left; vertical-align: top; {{{datastyle|}}}">
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">{{{data5}}}</td>
+
{{{data5}}}
 +
</td>
 +
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">
 +
{{{data5}}}
 +
</td>
 
   }}
 
   }}
 
</tr>
 
</tr>
Line 131: Line 148:
 
   {{#if:{{{label6|}}}
 
   {{#if:{{{label6|}}}
 
| <th scope="row" style="text-align: left; vertical-align: top; {{{labelstyle|}}}">{{{label6}}}</th>
 
| <th scope="row" style="text-align: left; vertical-align: top; {{{labelstyle|}}}">{{{label6}}}</th>
   <td scope="row" style="text-align: left; vertical-align: top; {{{datastyle|}}}">{{{data6}}}</td>
+
   <td scope="row" style="text-align: left; vertical-align: top; {{{datastyle|}}}">
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">{{{data6}}}</td>
+
{{{data6}}}
 +
</td>
 +
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">
 +
{{{data6}}}
 +
</td>
 
   }}
 
   }}
 
</tr>
 
</tr>
Line 146: Line 167:
 
   {{#if:{{{label7|}}}
 
   {{#if:{{{label7|}}}
 
| <th scope="row" style="text-align: left; vertical-align: top; {{{labelstyle|}}}">{{{label7}}}</th>
 
| <th scope="row" style="text-align: left; vertical-align: top; {{{labelstyle|}}}">{{{label7}}}</th>
   <td scope="row" style="text-align: left; vertical-align: top; {{{datastyle|}}}">{{{data7}}}</td>
+
   <td scope="row" style="text-align: left; vertical-align: top; {{{datastyle|}}}">
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">{{{data7}}}</td>
+
{{{data7}}}
 +
</td>
 +
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">
 +
{{{data7}}}
 +
</td>
 
   }}
 
   }}
 
</tr>
 
</tr>
Line 161: Line 186:
 
   {{#if:{{{label8|}}}
 
   {{#if:{{{label8|}}}
 
| <th scope="row" style="text-align: left; vertical-align: top; {{{labelstyle|}}}">{{{label8}}}</th>
 
| <th scope="row" style="text-align: left; vertical-align: top; {{{labelstyle|}}}">{{{label8}}}</th>
   <td scope="row" style="text-align: left; vertical-align: top; {{{datastyle|}}}">{{{data8}}}</td>
+
   <td scope="row" style="text-align: left; vertical-align: top; {{{datastyle|}}}">
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">{{{data8}}}</td>
+
{{{data8}}}
 +
</td>
 +
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">
 +
{{{data8}}}
 +
</td>
 
   }}
 
   }}
 
}}
 
}}
Line 176: Line 205:
 
   {{#if:{{{label9|}}}
 
   {{#if:{{{label9|}}}
 
| <th scope="row" style="text-align: left; vertical-align: top; {{{labelstyle|}}}">{{{label9}}}</th>
 
| <th scope="row" style="text-align: left; vertical-align: top; {{{labelstyle|}}}">{{{label9}}}</th>
   <td scope="row" style="text-align: left; vertical-align: top; {{{datastyle|}}}">{{{data9}}}</td>
+
   <td scope="row" style="text-align: left; vertical-align: top; {{{datastyle|}}}">
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">{{{data9}}}</td>
+
{{{data9}}}
 +
</td>
 +
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">
 +
{{{data9}}}
 +
</td>
 
   }}
 
   }}
 
</tr>
 
</tr>
Line 191: Line 224:
 
   {{#if:{{{label10|}}}
 
   {{#if:{{{label10|}}}
 
| <th scope="row" style="text-align: left; vertical-align: top; {{{labelstyle|}}}">{{{label10}}}</th>
 
| <th scope="row" style="text-align: left; vertical-align: top; {{{labelstyle|}}}">{{{label10}}}</th>
   <td scope="row" style="text-align: left; vertical-align: top; {{{datastyle|}}}">{{{data10}}}</td>
+
   <td scope="row" style="text-align: left; vertical-align: top; {{{datastyle|}}}">
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">{{{data10}}}</td>
+
{{{data10}}}
 +
</td>
 +
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">
 +
{{{data10}}}
 +
</td>
 
   }}
 
   }}
 
</tr>
 
</tr>

Revision as of 23:52, 7 December 2023

Template Info-Icon.png

Template documentation

View - Edit

Usage

Basic

Markup Renders as
{{Infobox
| above     = Text above
| subheader = Subheader of the infobox

| header1   = Header 1 text
| label1    = Label 1
| data1     = Data 1
| header2   = Header 2 text
| label2    = Label 2
| data2     = Data 2
| header3   = Header 3 text
| data3     = Data 3
}}
Text above
Subheader of the infobox
Header 1 text
Label 1

Data 1

Header 2 text
Label 2

Data 2

Header 3 text

Data 3

All parameters

Text in caption over infobox
Text above
Subheader of the infobox
All LFS cars
Caption below image 1
All LFS cars
Caption below image 2
Header 1 text
Label 1

Data 1

Header 2 text
Label 2

Data 2

Header 3 text
Label 3

Data 3

Header 4 text
Label 4

Data 4

Header 5 text
Label 5

Data 5

Header 6 text
Label 6

Data 6

Header 7 text
Label 7

Data 7

Header 8 text
Label 8

Data 8

Header 9 text
Label 9

Data 9

Header 10 text
Label 10

Data 10

Below text


Without any parameters

Markup Renders as
{{Infobox}}


Custom styles

Markup Renders as
{{Infobox
| titlestyle = background: #ddd;
| abovestyle = background: #cfc;
| subheaderstyle = background: #ffc;
| title     = Text in caption over infobox
| above     = Text above
| subheader = Subheader of the infobox

| headerstyle = background: #ccf;
| labelstyle = background: #ddf;
| datastyle = background: #dedede;

| header1      = Header 1 text
| label1       = Label 1
| data1        = Data 1

| header2style = background: #cff;
| header2      = Header 2 text
| data2        = Data 2
}}
Text in caption over infobox
Text above
Subheader of the infobox
Header 1 text
Label 1

Data 1

Header 2 text

Data 2


Only data rows

Markup Renders as
{{Infobox
| above     = Text above
| subheader = Subheader of the infobox

| label1    = Label 1
| data1     = Data 1
| label2    = Label 2
| data2     = Data 2
| label3    = Label 3
| data3     = Data 3
| data4     = Data 4
| data5     = Data 5
}}
Text above
Subheader of the infobox
Label 1

Data 1

Label 2

Data 2

Label 3

Data 3

Data 4

Data 5