This is a documentation for Board Game Arena: play board games online !

Template:HCard: Difference between revisions

From Board Game Arena
Jump to navigation Jump to search
(reduced)
Line 1: Line 1:
<div style="display:inline-grid;grid:17px 4px 28px 25px/24px;"><div style="grid-area:1/1/3/1;width:22px;margin:0 1px;border-radius:3px 3px 0 0;background-color:lightgrey;display:{{{showClueNumber|none}}};"></div><div style="grid-area:1/1/3/1;width:22px;margin:0 1px;border-radius:3px 3px 0 0;background-color:{{{clueColour|}}};display:{{{showClueColour|none}}};"></div><div style="grid-area:1/1/2/1;display:{{{showClueNumber|none}}};place-self:center start;padding:0 2px;line-height:normal;font-family:Roboto,Arial,sans-serif;font-weight:500;font-size:16px;color:#000;">{{{1|1}}}</div><div style="grid-area:1/1/2/1;display:{{{showClueColour|none}}};place-self:center end;padding:0 2px;">{{gameIcon|imageFileName=Hanabi_numbers_icons_140.png|scale=0.5|width=10.5|height=10.5|x=63|y=14*{{{clueY|{{{y|0}}}}}}}}</div><div alt="{{{colourName|}}} {{{1|1}}}" style="grid-area:2/1/4/1;display:grid;place-items:center;background-color:#2F2342;border-radius:3px 3px 0 0;">{{gameIcon|imageFileName=Hanabi_numbers_icons_140.png|tooltip={{{colourName|}}} {{{1|1}}}|width=21|height=28|x=21*({{{1|1}}} - 1)|y=28*{{{y|0}}}}}</div><div style="grid-area:4/1/5/1;display:grid;place-items:start center;background-color:#2F2342;border-radius:0 0 3px 3px;">{{gameIcon|imageFileName=Hanabi_numbers_icons_140.png|width=21|height=21|x=105|y=28*{{{y|0}}}}}</div></div><noinclude>
<div style="display:inline-grid;grid:16px 4px 24px 28px/26px;place-items:baseline center;width:26px;margin-inline:2px;"><div style="grid-area:1/1/3/1;place-self:center start;width:12px;height:100%;margin:0 1px;border-radius:3px 3px 0 0;border:1px solid #2F2342;background-color:#ccc8;display:{{{showClueNumber|none}}};"></div><div style="grid-area:1/1/3/1;width:22px;height:100%;margin:-1px 1px;border-radius:3px 3px 0 0;border:1px solid #2F2342;background-color:{{{clueColour|{{{colour|transparent}}}}}};visibility:{{{showClueColour|hidden}}};"></div><div style="grid-area:1/1/2/1;display:{{{showClueNumber|none}}};place-self:center start;width:24px;padding:0 3px;line-height:normal;font-family:Roboto,Arial,sans-serif;font-weight:500;font-size:16px;color:#2F2342;">{{{1|}}}</div><div alt="{{{colourName|}}} {{{1|}}}" style="grid-area:2/1/4/1;display:grid;place-items:start center;width:26px;background-color:#2F2342;color:{{{colour|transparent}}};border-radius:3px 3px 0 0;line-height:normal;font-family:Roboto,Arial,sans-serif;font-weight:500;font-size:28px;">{{{1|&ZeroWidthSpace;}}}</div><div style="grid-area:4/1/5/1;display:grid;place-items:start center;width:26px;background-color:#2F2342;border-radius:0 0 3px 3px;">{{gameIcon|imageFileName=Hanabi_numbers_icons_140.png|width=24|height=24|x=24*{{{x|-1}}}}}</div></div><noinclude>


== Examples ==
== Examples ==


{{Hr|1|n=|c=}}
{{Hr|1|n=|c}}
{{Hy|2|n=|c=}}
{{Hy|2|n|c=}}
{{Hg|3|n=|c=}}
{{Hg|3|n=|c=}}
{{Hb|4|n=|c=}}
{{Hb|4|n=|c}}
{{Hw|5|n=|c=}}
{{Hw|5|n|c=}}
{{Hm|5|{{g}}|2|n=|c=}}
{{Hm|5|{{g}}|2|n=|c=}}
{{Hk|5|n=}}
{{Hk|5|n=}}


<pre>
<code><nowiki>{{Hr|1|n=|c}}</nowiki></code>
{{Hr|1|n=|c=}}
 
{{Hy|2|n=|c=}}
<code><nowiki>{{Hy|2|n|c=}}</nowiki></code>
{{Hg|3|n=|c=}}
 
{{Hb|4|n=|c=}}
<code><nowiki>{{Hg|3|n=|c=}}</nowiki></code>
{{Hw|5|n=|c=}}
 
{{Hm|5|{{g}}|2|n=|c=}}
<code><nowiki>{{Hb|4|n=|c}}</nowiki></code>
{{Hk|5|n=}}
 
</pre>
<code><nowiki>{{Hw|5|n|c=}}</nowiki></code>
 
<code><nowiki>{{Hm|5|{{g}}|2|n=|c=}}</nowiki></code>
 
<code><nowiki>{{Hk|5|n=}}</nowiki></code>


== Available parameters ==
== Available parameters ==
Line 28: Line 32:
   <div style="font-weight:bold;width:8rem;">Description</div>
   <div style="font-weight:bold;width:8rem;">Description</div>
   <div><code>1</code></div>
   <div><code>1</code></div>
   <div><code>1</code></div>
   <div><code>null</code></div>
   <div><code><nowiki>|5</nowiki></code></div>
   <div><code><nowiki>|5</nowiki></code></div>
   <div>'''''Required:''''' specify the card rank (<code>1</code>/<code>2</code>/<code>3</code>/<code>4</code>/<code>5</code>).</div>
   <div>'''''Required:''''' specify the card rank (<code>1</code>/<code>2</code>/<code>3</code>/<code>4</code>/<code>5</code>).</div>
   <div><code>y</code></div>
   <div><code>colour</code></div>
   <div><code>0</code></div>
   <div><code>transparent</code></div>
   <div><code><nowiki>|y=2</nowiki></code></div>
   <div><code><nowiki>|colour={{g}}</nowiki></code></div>
   <div>'''''Required:''''' specify the card colour as an integer: red ⇨<code>0</code>, yellow ⇨<code>1</code>, green ⇨<code>2</code>, blue ⇨<code>3</code>, white ⇨<code>4</code>, multicolour ⇨<code>5</code>, black powder ⇨<code>6</code>.</div>
   <div>'''''Required:''''' specify the card colour: <code><nowiki>{{r}}</nowiki></code> <code><nowiki>{{y}}</nowiki></code> <code><nowiki>{{g}}</nowiki></code> <code><nowiki>{{b}}</nowiki></code> <code><nowiki>{{w}}</nowiki></code> <code><nowiki>{{m}}</nowiki></code></div>
   <div><code>clueY</code></div>
   <div><code>x</code></div>
   <div><code><nowiki>{{{y|0}}}</nowiki></code></div>
   <div><code>-1</code></div>
   <div><code><nowiki>|clueY=2</nowiki></code></div>
   <div><code><nowiki>|x=2</nowiki></code></div>
   <div>'''''Optional:''''' specify the clue symbol colour for multicolour as an integer: red ⇨<code>0</code>, yellow ⇨<code>1</code>, green ⇨<code>2</code>, blue ⇨<code>3</code>, white ⇨<code>4</code>, multicolour ⇨<code>5</code>.</div>
   <div>'''''Required:''''' specify the card colour symbol as an integer: red ⇨<code>0</code>, yellow ⇨<code>1</code>, green ⇨<code>2</code>, blue ⇨<code>3</code>, white ⇨<code>4</code>, multicolour ⇨<code>5</code>, black powder ⇨<code>6</code>.</div>
   <div><code>colourName</code></div>
   <div><code>colourName</code></div>
   <div><code>null</code></div>
   <div><code>null</code></div>
Line 46: Line 50:
   <div><code>null</code></div>
   <div><code>null</code></div>
   <div><code><nowiki>|clueColour={{g}}</nowiki></code></div>
   <div><code><nowiki>|clueColour={{g}}</nowiki></code></div>
   <div>'''''Required:''''' specify the clue colour: <code><nowiki>{{r}}</nowiki></code> <code><nowiki>{{y}}</nowiki></code> <code><nowiki>{{g}}</nowiki></code> <code><nowiki>{{b}}</nowiki></code> <code><nowiki>{{w}}</nowiki></code> <code><nowiki>{{m}}</nowiki></code></div>
   <div>'''''Optional:''''' specify the clue colour: <code><nowiki>{{r}}</nowiki></code> <code><nowiki>{{y}}</nowiki></code> <code><nowiki>{{g}}</nowiki></code> <code><nowiki>{{b}}</nowiki></code> <code><nowiki>{{w}}</nowiki></code> <code><nowiki>{{m}}</nowiki></code></div>
   <div><code>showClueNumber</code></div>
   <div><code>showClueNumber</code></div>
   <div><code>none</code></div>
   <div><code>none</code></div>
Line 52: Line 56:
   <div>'''''Optional:''''' display the rank clue.</div>
   <div>'''''Optional:''''' display the rank clue.</div>
   <div><code>showClueColour</code></div>
   <div><code>showClueColour</code></div>
   <div><code>none</code></div>
   <div><code>hidden</code></div>
   <div><code><nowiki>|showClueColour=</nowiki></code></div>
   <div><code><nowiki>|showClueColour=</nowiki></code></div>
   <div>'''''Optional:''''' display the colour clue.</div>
   <div>'''''Optional:''''' display the colour clue.</div>

Revision as of 04:29, 28 December 2023

​

Examples

1
1
​
2
2
​
3
3
​
4
4
​
5
5
​
5
5
​
5
5
​

{{Hr|1|n=|c}}

{{Hy|2|n|c=}}

{{Hg|3|n=|c=}}

{{Hb|4|n=|c}}

{{Hw|5|n|c=}}

{{Hm|5|{{g}}|2|n=|c=}}

{{Hk|5|n=}}

Available parameters

Parameter
Default value
Example
Description
1
null
|5
Required: specify the card rank (1/2/3/4/5).
colour
transparent
|colour={{g}}
Required: specify the card colour: {{r}} {{y}} {{g}} {{b}} {{w}} {{m}}
x
-1
|x=2
Required: specify the card colour symbol as an integer: red ⇨0, yellow ⇨1, green ⇨2, blue ⇨3, white ⇨4, multicolour ⇨5, black powder ⇨6.
colourName
null
|colourName=green
Required: specify the colour word used for tooltips and screen readers.
clueColour
null
|clueColour={{g}}
Optional: specify the clue colour: {{r}} {{y}} {{g}} {{b}} {{w}} {{m}}
showClueNumber
none
|showClueNumber=
Optional: display the rank clue.
showClueColour
hidden
|showClueColour=
Optional: display the colour clue.