Template:Row: Difference between revisions

Content deleted Content added
Added master Align property
No edit summary
 
(39 intermediate revisions by 4 users not shown)
Line 1:
<includeonly>{{#invoke:Row|Row|{{{1|}}}|{{{2|}}}|{{{3|}}}|{{{4|}}}|{{{5|}}}|
<includeonly><div class="volume {{#ifeq:{{{Diamond|}}}|True|diamond}}" style="width:{{{width|100%}}};border-color:#d3757e;{{#if:{{{bg|}}}|background-color: {{{bg|}}};}} display:table; font-size:{{{font|13px}}}; {{#switch:{{{Align|}}}|Center=margin: auto|Right=float: right|#default=float: left}};"><div align="{{#switch:{{{Align|}}}|Left=left|#default=center}}" class="{{#ifeq:{{{Image|}}}|True|rowheadimg}}" style="{{#if:{{{bg1|}}}|background-color:{{Color|{{{bg1|}}}}}|background-color:{{{bg|}}}}};width:{{{w1|33%}}}; display: table-cell; border: 2px solid {{{border|#2d519c5c}}}; {{#ifeq:{{{Mobile|}}}|True||vertical-align: middle;}}">{{#switch:{{{Align|}}}|Left={{{1|}}}|#default={{{1|}}}}}</div>{{#if:{{{2|}}}|<div align="{{#switch:{{{Align|}}}|Left=left|#default=center}}" class="{{#ifeq:{{{Mobile|}}}|True|mobileRow}}" style="{{#if:{{{bg2|}}}|background-color:{{Color|{{{bg2|}}}}}|background-color:{{{bg|}}}}};width:{{{w2|33%}}}; display: table-cell; border: 2px solid {{{border|#2d519c5c}}}; vertical-align: middle; {{#switch:{{{Align|}}}|Left=text-align: left; padding: 6px;}}">{{#switch:{{{Align|}}}|Left={{{2|}}}|#default={{{2|}}}}}</div>}}
|diamond={{{diamond|}}}
{{#if:{{{3|}}}|<div align="{{#switch:{{{Align|}}}|Left=left|#default=center}}" class="{{#ifeq:{{{Mobile|}}}|True|mobileRow}}" style="{{#if:{{{bg3|}}}|background-color:{{Color|{{{bg3|}}}}}|background-color:{{{bg|}}}}};width:{{{w3|33%}}};font-weight:normal; display: table-cell; border: 2px solid {{{border|#2d519c5c}}}; vertical-align: middle; {{#switch:{{{Align|}}}|Left=text-align: left; padding: 6px;}}">{{#switch:{{{Align|}}}|Left={{{3|}}}|#default={{{3|}}}}}</div>}}{{#if:{{{4|}}}|<div align="{{#switch:{{{Align|}}}|Left=left|#default=center}}" class="{{#ifeq:{{{Mobile|}}}|True|mobileRow}}" style="{{#if:{{{bg4|}}}|background-color:{{Color|{{{bg4|}}}}}|background-color:{{{bg|}}}}};width:{{{w4|33%}}};font-weight:normal; display: table-cell; border: 2px solid {{{border|#2d519c5c}}}; vertical-align: middle; {{#switch:{{{Align|}}}|Left=text-align: left; padding: 6px;}}">{{#switch:{{{Align|}}}|Left={{{4|}}}|#default={{{4|}}}}}</div>}}
|class={{{class|}}}
</div></includeonly><noinclude>
|width={{{width|100%}}}
|height={{{height|100%}}}
|font={{{font|13px}}}
|color={{{color|}}}
|align={{{align|}}}
|borderSize={{{borderSize|1px}}}
|border={{{border|}}}
|bg={{{bg|}}}
|bg1={{{bg1|}}}
|bg2={{{bg2|}}}
|bg3={{{bg3|}}}
|bg4={{{bg4|}}}
|bg5={{{bg5|}}}
|image={{{image|}}}
|columns={{{columns|}}}
|class1={{{class1|}}}
|class2={{{class2|}}}
|class3={{{class3|}}}
|class4={{{class4|}}}
|class5={{{class5|}}}
|c1={{{c1|}}}
|c2={{{c2|}}}
|c3={{{c3|}}}
|c4={{{c4|}}}
|c5={{{c5|}}}
|w1={{{w1|}}}
|w2={{{w2|}}}
|w3={{{w3|}}}
|w4={{{w4|}}}
|w5={{{w5|}}}
|textAlign1={{{textAlign1|center}}}
|textAlign2={{{textAlign2|center}}}
|textAlign3={{{textAlign3|center}}}
|textAlign4={{{textAlign4|center}}}
|textAlign5={{{textAlign5|center}}}
|id={{{id|}}}
}}</includeonly><noinclude>
This template creates customizable rows made with divs for designing various layouts. It invokes [[Module:Row]].
==Usage==
<pre>
{{Row
Line 8 ⟶ 47:
|Insert column 3 text
|Insert column 4 text
|Insert column 5 text
|diamond =
|class =
|width=
|height=
|font=
|color=
|align=
|borderSize=
|border=
|bg=
|bg1=
|bg2=
|bg3=
|bg4=
|bg5=
|image=
|columns=
|class1=
|class2=
|class3=
|class4=
|class5=
|c1=
|c2=
|c3=
|c4=
|c5=
|width1=
|width2=
|width3=
|width4=
|width5=
|textAlign1=
|textAlign2=
|textAlign3=
|textAlign4=
|textAlign5=
}}
</pre>
 
{{Row
*'''diamond''': Set to '''true''' to add a diamond pattern. ('''Default:''' null)
|{{Av|Name=Darnley}}
*'''class''': Add a custom class to the whole table.
|[[File:Darnley Explosion.png|120px]]
*'''width''': Change the width of the table. ('''Default:''' 100%)
|Died in an explosion caused by reasons unknown to history. His death was used as an excuse for [[Mary Stuart]]'s execution, as [[Elizabeth I]] blamed her for his death.
*'''height''': Change the height of the table. ('''Default:''' 100%)
*'''font''': Change the font size. ('''Default:''' 13px)
*'''color''': Change the font color.
*'''align''': Set to '''center''' or '''right''' to align the whole table if width is less than 100%.
*'''borderSize''': Change the border size. ('''Default:''' 1px)
*'''border''': Change the border color. ('''Default:''' <nowiki>#</nowiki>2d519c5c)
*'''bg''': Change the background color of the whole table. ('''Default:''' white)
*'''bgX''': Replace X with 1-5 (column number). Change the background color of the individual column. ('''Default:''' transparent)
*'''image''': Set to '''true''' if first column has an image and it needs to display on its own row on mobile for responsive layouts. Adds the "rowheadimg" class to the column. ('''Default:''' null)
*'''classX''': Replace X with 1-5 (column number). Add a custom class for the whole column.
*'''cX''': Replace X with 1-5 (column number). Add a custom class for the text area on the column.
*'''widthX''': Replace X with 1-5 (column number). Changes the width of the column. ('''Default:''' 100% (1 column), 50% (2 columns), 33.33% (3 columns), 25% (4 columns), 20% (5 columns))
*'''textAlignX''': Replace X with 1-5 (column number). Aligns text either '''left''', '''center''', or '''right'''.
 
==Examples==
===Columns from 1-5===
{{Row|1}}
{{Row|1|2}}
{{Row|1|2|3}}
{{Row|1|2|3|4}}
{{Row|1|2|3|4|5}}
<pre>
{{Row|1}}
{{Row|1|2}}
{{Row|1|2|3}}
{{Row|1|2|3|4}}
{{Row|1|2|3|4|5}}
</pre>
 
===Unlimited Columns===
{{Row|columns=10
|1|2|3|4|5|6|7|8|9|10}}
<pre>
{{Row|columns=10
|1|2|3|4|5|6|7|8|9|10}}
</pre>
 
===Customizations===
====Background, Font Size, Diamonds, Borders====
{{Row|bg={{Color|SC}}|font=100%
|{{Av|Av=JotaroAv.png}}
|'''{{Black2|Jotaro Kujo}}'''
|{{Av|Av=StarPlatinumMangaAv.png}}
|'''{{Black2|Star Platinum}}'''
|borderSize=3px
|border={{Color|SC3}}
}}
<pre>
{{Row|bg={{Color|SC}}|font=100%
|{{Av|Av=JotaroAv.png}}
|'''{{Black2|Jotaro Kujo}}'''
|{{Av|Av=StarPlatinumMangaAv.png}}
|'''{{Black2|Star Platinum}}'''
|borderSize=3px
|border={{Color|SC3}}
}}
</pre>
 
{{Row|bg1={{Color|SC2}}|bg2={{Color|SC}}|bg3={{Color|SC2}}|bg4={{Color|SC}}|font=100%|diamond=true
|{{Av|Av=JotaroAv.png}}
|'''{{Black2|Jotaro Kujo}}'''
|{{Av|Av=StarPlatinumMangaAv.png}}
|'''{{Black2|Star Platinum}}'''
}}
<pre>
{{Row|bg1={{Color|SC2}}|bg2={{Color|SC}}|bg3={{Color|SC2}}|bg4={{Color|SC}}|font=100%|diamond=true
|{{Av|Av=JotaroAv.png}}
|'''{{Black2|Jotaro Kujo}}'''
|{{Av|Av=StarPlatinumMangaAv.png}}
|'''{{Black2|Star Platinum}}'''
}}
</pre>
 
====Align, Widths====
{{Row|font=100%|w1=10%|w3=10%|width=50%|align=right
|{{Av|Av=JotaroAv.png}}
|'''[[Jotaro Kujo]]'''
|{{Av|Av=StarPlatinumMangaAv.png}}
|'''[[Star Platinum]]'''
}}
{{Row|font=100%|w1=10%|w3=10%|width=50%|align=center|textAlign2=left|textAlign4=right
|{{Av|Av=JotaroAv.png}}
|'''[[Jotaro Kujo]]'''
|{{Av|Av=StarPlatinumMangaAv.png}}
|'''[[Star Platinum]]'''
}}
{{Row|font=100%|w1=10%|w3=10%|width=50%|align=left|textAlign=left
|{{Av|Av=JotaroAv.png}}
|'''[[Jotaro Kujo]]'''
|{{Av|Av=StarPlatinumMangaAv.png}}
|'''[[Star Platinum]]'''
}}
<pre>
{{Row|font=100%|w1=10%|w3=10%|width=50%|align=right
|{{Av|Av=JotaroAv.png}}
|'''[[Jotaro Kujo]]'''
|{{Av|Av=StarPlatinumMangaAv.png}}
|'''[[Star Platinum]]'''
}}
{{Row|font=100%|w1=10%|w3=10%|width=50%|align=center|textAlign2=left|textAlign4=right
|{{Av|Av=JotaroAv.png}}
|'''[[Jotaro Kujo]]'''
|{{Av|Av=StarPlatinumMangaAv.png}}
|'''[[Star Platinum]]'''
}}
{{Row|font=100%|w1=10%|w3=10%|width=50%|align=left|textAlign=left
|{{Av|Av=JotaroAv.png}}
|'''[[Jotaro Kujo]]'''
|{{Av|Av=StarPlatinumMangaAv.png}}
|'''[[Star Platinum]]'''
}}
</pre>
 
===Image (for Mobile)===
{{Row|w1=33%|w2=67%|image=true|textAlign=left|{{Switch|Tab1=1|[[File:PS2_Young_Jonathan_Render_1.png]]|Tab2=2|[[File:PS2_Young_Jonathan_Render_2.png]]}}|The player starts Story Mode as a young Jonathan, defending Erina Pendleton from bullies harassing her. His moveset at this point consists only of punches and tackles. While in the manga Jonathan lost this fight, the game includes an alternate scene should the player defeat the bullies: Jonathan forces the bullies to give back the doll, but upon hearing the bullies badmouth the Joestar family he announces his name and is beaten up for it.
 
This version of Jonathan fights against a young Dio in Chapter 03, attacking in a fury over what Dio did to Erina.
{{Game Movelist|Color=PB|Title=Jonathan Joestar (Young)|
{{Game Move|Color=PB|name={{Row|Commands|Name|Japanese|bg={{Color|PB}}}}
|input=
{{Row|{{PS|S}}{{PS|S}}{{PS|S}}|Reckless Combo|がむしゃらコンボ}}
{{Row|{{PS|T}}|Body Slam|体当たり}}
{{Row|{{PS|S}}{{PS|T}}|Reckless Left Hook|がむしゃら左フック}}
{{Row|{{PS|S}}{{PS|S}}{{PS|T}}|Reckless Right Hook|がむしゃら右フック}}
{{Row|Running {{PS|S}}|Brute-Force Attack|力任せのぶん殴り}}
{{Row|Running {{PS|T}}|Raging Body Slam|怒りの体当たり}}
{{Row|{{PS|O}}|Evasive Roll|前転回避}}
|extra=Available Stages: Chapters 01, 03
}}}}}}
<pre>
{{Row|w1=33%|w2=67%|image=true|textAlign=left|Image is here|Text goes here}}
</pre>
 
===No BG or Border===
<pre>{{Row|bg=none|border=none|Column 1|Column 2}}</pre>
{{Row|bg=none|border=none|Column 1|Column 2}}
</noinclude>