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
m ({{{1|1}}})
No edit summary
Line 1: Line 1:
<div style="display:inline-grid;grid:17px 4px calc(1px*{{{size|40}}}*{{{numberScale|0.8}}}) calc(1px*{{{size|40}}}*{{{symbolScale|0.5}}} + 4px)/calc(1px*{{{size|40}}}*{{{numberScale|0.8}}}*(1 - 0.15));width:min-content;"><div style="grid-area:1/1/3/1;width:93%;margin:0 1px;border-radius:3px 3px 0 0;color:{{{clueTextColour|black}}};background-color:lightgrey;display:{{{showClueNumber|none}}};"></div><div style="grid-area:1/1/3/1;width:93%;margin:0 1px;border-radius:3px 3px 0 0;color:{{{clueTextColour|black}}};background-color:{{{clueColour|}}};display:{{{showClueColour|none}}};"></div><div style="grid-area:1/1/2/1;display:{{{showClueNumber|none}}};place-self:center start;padding:0 3px;line-height:normal;font-family:Roboto,Arial,sans-serif;font-weight:500;font-size:16px;color:{{{clueTextColour|black}}};">{{{1|1}}}</div><div style="grid-area:1/1/2/1;display:{{{showClueColour|none}}};place-self:center end;padding:0 2px;line-height:normal;">{{gameIcon|imageFileName=Hanabi_numbers_icons_280.png|scale={{{clueSymbolScale|0.35}}}|width={{{size|40}}}*{{{clueSymbolScale|0.35}}}|height={{{size|40}}}*{{{clueSymbolScale|0.35}}}|x={{{size|40}}}*{{{clueSymbolScale|0.35}}}*(5 + {{{clueDarkSymbol|0}}})|y={{{size|40}}}*{{{clueSymbolScale|0.35}}}*{{{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_280.png|tooltip={{{colourName|}}} {{{1|1}}}|scale={{{numberScale|0.8}}}|width={{{size|40}}}*{{{numberScale|0.8}}}*(1 - 0.15)|height={{{size|40}}}*{{{numberScale|0.8}}}|x={{{size|40}}}*{{{numberScale|0.8}}}*({{{1|1}}} - (1 - 0.1))|y={{{size|40}}}*{{{numberScale|0.8}}}*{{{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_280.png|scale={{{symbolScale|0.5}}}|width={{{size|40}}}*{{{symbolScale|0.5}}}|height={{{size|40}}}*{{{symbolScale|0.5}}}|x={{{size|40}}}*{{{symbolScale|0.5}}}*5|y={{{size|40}}}*{{{symbolScale|0.5}}}*{{{y|0}}}}}</div></div><noinclude>
<span style="display:inline-grid;grid:17px 4px calc(1px*{{{size|40}}}*{{{numberScale|0.8}}}) calc(1px*{{{size|40}}}*{{{symbolScale|0.5}}} + 4px)/calc(1px*{{{size|40}}}*{{{numberScale|0.8}}}*(1 - 0.15));width:min-content;"><div style="grid-area:1/1/3/1;width:93%;margin:0 1px;border-radius:3px 3px 0 0;color:{{{clueTextColour|black}}};background-color:lightgrey;display:{{{showClueNumber|none}}};"></div><div style="grid-area:1/1/3/1;width:93%;margin:0 1px;border-radius:3px 3px 0 0;color:{{{clueTextColour|black}}};background-color:{{{clueColour|}}};display:{{{showClueColour|none}}};"></div><div style="grid-area:1/1/2/1;display:{{{showClueNumber|none}}};place-self:center start;padding:0 3px;line-height:normal;font-family:Roboto,Arial,sans-serif;font-weight:500;font-size:16px;color:{{{clueTextColour|black}}};">{{{1|1}}}</div><div style="grid-area:1/1/2/1;display:{{{showClueColour|none}}};place-self:center end;padding:0 2px;line-height:normal;">{{gameIcon|imageFileName=Hanabi_numbers_icons_280.png|scale={{{clueSymbolScale|0.35}}}|width={{{size|40}}}*{{{clueSymbolScale|0.35}}}|height={{{size|40}}}*{{{clueSymbolScale|0.35}}}|x={{{size|40}}}*{{{clueSymbolScale|0.35}}}*(5 + {{{clueDarkSymbol|0}}})|y={{{size|40}}}*{{{clueSymbolScale|0.35}}}*{{{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_280.png|tooltip={{{colourName|}}} {{{1|1}}}|scale={{{numberScale|0.8}}}|width={{{size|40}}}*{{{numberScale|0.8}}}*(1 - 0.15)|height={{{size|40}}}*{{{numberScale|0.8}}}|x={{{size|40}}}*{{{numberScale|0.8}}}*({{{1|1}}} - (1 - 0.1))|y={{{size|40}}}*{{{numberScale|0.8}}}*{{{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_280.png|scale={{{symbolScale|0.5}}}|width={{{size|40}}}*{{{symbolScale|0.5}}}|height={{{size|40}}}*{{{symbolScale|0.5}}}|x={{{size|40}}}*{{{symbolScale|0.5}}}*5|y={{{size|40}}}*{{{symbolScale|0.5}}}*{{{y|0}}}}}</div></span><noinclude>


== Examples ==
== Examples ==
{{HCard|1|y=0|clueColour={{r}}|showClueNumber={{{n|none}}}|showClueColour={{{c|none}}}|clueTextColour=black|clueDarkSymbol=1}}
{{HCard|2|y=1|clueColour={{y}}|showClueNumber={{{n|none}}}|showClueColour={{{c|none}}}|clueTextColour=black|clueDarkSymbol=1}}
{{HCard|3|y=2|clueColour={{g}}|showClueNumber={{{n|none}}}|showClueColour={{{c|none}}}|clueTextColour=white|clueDarkSymbol=0}}
{{HCard|4|y=3|clueColour={{b}}|showClueNumber={{{n|none}}}|showClueColour={{{c|none}}}|clueTextColour=white|clueDarkSymbol=0}}
{{HCard|5|y=4|clueColour={{w}}|showClueNumber={{{n|none}}}|showClueColour={{{c|none}}}|clueTextColour=black|clueDarkSymbol=1}}
{{HCard|5|y=5|clueColour={{{2|}}}|showClueNumber={{{n|none}}}|showClueColour={{{c|none}}}|clueTextColour=white|clueDarkSymbol=0}}
{{HCard|5|y=6|clueColour={{k}}|showClueNumber={{{n|none}}}|clueTextColour=black}}


<pre>
{{Hr|1|n=|c=}}
{{Hr|1|n=|c=}}
{{Hy|2|n=|c=}}
{{Hy|2|n=|c=}}
Line 15: Line 9:
{{Hb|4|n=|c=}}
{{Hb|4|n=|c=}}
{{Hw|5|n=|c=}}
{{Hw|5|n=|c=}}
{{Hm|5|n=|c=|{{m}}}}
{{Hm|5|{{g}}|2|n=|c=}}
{{Hk|5|n=}}
</pre>
 
{{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=}}
{{Hk|5|n=}}


Line 24: Line 27:
   <div style="font-weight:bold;width:8rem;">Example</div>
   <div style="font-weight:bold;width:8rem;">Example</div>
   <div style="font-weight:bold;width:8rem;">Description</div>
   <div style="font-weight:bold;width:8rem;">Description</div>
   <div><code>null</code></div>
   <div><code>1</code></div>
   <div><code>null</code></div>
   <div><code>1</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>
Line 32: Line 35:
   <div><code><nowiki>|y=2</nowiki></code></div>
   <div><code><nowiki>|y=2</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 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>clueY</code></div>
  <div><code><nowiki>{{{y|0}}}</nowiki></code></div>
  <div><code><nowiki>|clueY=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><code>colourName</code></div>
   <div><code>colourName</code></div>
   <div><code>null</code></div>
   <div><code>null</code></div>

Revision as of 02:38, 19 December 2023

1
​​
1​
​​

Examples

{{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=}}
1
​​
1​
​​
2
​​
2​
​​
3
​​
3​
​​
4
​​
4​
​​
5
​​
5​
​​
5
​​
5​
​​
5
​​
5​
​​

Available parameters

Parameter
Default value
Example
Description
1
1
|5
Required: specify the card rank (1/2/3/4/5).
y
0
|y=2
Required: specify the card colour as an integer: red ⇨0, yellow ⇨1, green ⇨2, blue ⇨3, white ⇨4, multicolour ⇨5, black powder ⇨6.
clueY
{{{y|0}}}
|clueY=2
Optional: specify the clue symbol colour for multicolour as an integer: red ⇨0, yellow ⇨1, green ⇨2, blue ⇨3, white ⇨4, multicolour ⇨5.
colourName
null
|colourName=green
Required: specify the colour word used for tooltips and screen readers.
clueColour
null
|clueColour={{g}}
Required: specify the clue colour: {{r}} {{y}} {{g}} {{b}} {{w}} {{m}}
clueTextColour
black
|clueTextColour=white
Required: specify the number clue text colour as a CSS colour.
clueDarkSymbol
0
|clueDarkSymbol=1
Required: specify the clue symbol shade: light ⇨0, dark ⇨1.
showClueNumber
none
|showClueNumber=
Optional: display the rank clue.
showClueColour
none
|showClueColour=
Optional: display the colour clue.
size
40
|size=30
Optional: specify the icon dimensions.
numberScale
0.8
|numberScale=1
Optional: specify the scale factor of the number image.
colourScale
0.5
|colourScale=1
Optional: specify the scale factor of the colour symbol image.
clueColourScale
0.35
|clueColourScale=0.5
Optional: specify the scale factor of the clue colour symbol image.
Retrieved from "http:///index.php?title=Template:HCard&oldid=19258"