Difference between revisions of "Template:Infobox"

From LFS Manual
Jump to navigationJump to search
m
m
Line 55: Line 55:
 
| <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|}}}">
 
   <td scope="row" style="text-align: left; vertical-align: top; {{{datastyle|}}}">
{{{data1}}}
+
{{{data1}}}</td>
</td>
 
 
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">
 
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">
{{{data1}}}
+
{{{data1}}}</td>
</td>
 
 
   }}
 
   }}
 
</tr>
 
</tr>
Line 74: Line 72:
 
| <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|}}}">
 
   <td scope="row" style="text-align: left; vertical-align: top; {{{datastyle|}}}">
{{{data2}}}
+
{{{data2}}}</td>
</td>
 
 
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">
 
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">
{{{data2}}}
+
{{{data2}}}</td>
</td>
 
 
   }}
 
   }}
 
</tr>
 
</tr>
Line 93: Line 89:
 
| <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|}}}">
 
   <td scope="row" style="text-align: left; vertical-align: top; {{{datastyle|}}}">
{{{data3}}}
+
{{{data3}}}</td>
</td>
 
 
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">
 
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">
{{{data3}}}
+
{{{data3}}}</td>
</td>
 
 
   }}
 
   }}
 
</tr>
 
</tr>
Line 112: Line 106:
 
| <th scope="row" style="text-align: left; vertical-align: top; {{{labelstyle|}}}">{{{label4}}}</th>
 
| <th scope="row" style="text-align: left; vertical-align: top; {{{labelstyle|}}}">{{{label4}}}</th>
 
   <td scope="row" style="text-align: left; vertical-align: top; {{{datastyle|}}}">
 
   <td scope="row" style="text-align: left; vertical-align: top; {{{datastyle|}}}">
{{{data4}}}
+
{{{data4}}}</td>
</td>
 
 
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">
 
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">
 
{{{data4}}}</td>
 
{{{data4}}}</td>
Line 130: Line 123:
 
| <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|}}}">
 
   <td scope="row" style="text-align: left; vertical-align: top; {{{datastyle|}}}">
{{{data5}}}
+
{{{data5}}}</td>
</td>
 
 
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">
 
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">
{{{data5}}}
+
{{{data5}}}</td>
</td>
 
 
   }}
 
   }}
 
</tr>
 
</tr>
Line 149: Line 140:
 
| <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|}}}">
 
   <td scope="row" style="text-align: left; vertical-align: top; {{{datastyle|}}}">
{{{data6}}}
+
{{{data6}}}</td>
</td>
 
 
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">
 
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">
{{{data6}}}
+
{{{data6}}}</td>
</td>
 
 
   }}
 
   }}
 
</tr>
 
</tr>
Line 168: Line 157:
 
| <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|}}}">
 
   <td scope="row" style="text-align: left; vertical-align: top; {{{datastyle|}}}">
{{{data7}}}
+
{{{data7}}}</td>
</td>
 
 
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">
 
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">
 
{{{data7}}}
 
{{{data7}}}
Line 187: Line 175:
 
| <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|}}}">
 
   <td scope="row" style="text-align: left; vertical-align: top; {{{datastyle|}}}">
{{{data8}}}
+
{{{data8}}}</td>
</td>
 
 
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">
 
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">
{{{data8}}}
+
{{{data8}}}</td>
</td>
 
 
   }}
 
   }}
 
}}
 
}}
Line 206: Line 192:
 
| <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|}}}">
 
   <td scope="row" style="text-align: left; vertical-align: top; {{{datastyle|}}}">
{{{data9}}}
+
{{{data9}}}</td>
</td>
 
 
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">
 
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">
{{{data9}}}
+
{{{data9}}}</td>
</td>
 
 
   }}
 
   }}
 
</tr>
 
</tr>
Line 225: Line 209:
 
| <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|}}}">
 
   <td scope="row" style="text-align: left; vertical-align: top; {{{datastyle|}}}">
{{{data10}}}
+
{{{data10}}}</td>
</td>
 
 
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">
 
| <td scope="row" style="text-align: center; vertical-align: top; {{{datastyle|}}}" colspan="2">
{{{data10}}}
+
{{{data10}}}</td>
</td>
 
 
   }}
 
   }}
 
</tr>
 
</tr>

Revision as of 23:54, 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