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
(Created page with "<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 3p...")
 
m (HCard)
Line 2: Line 2:


== Examples ==
== Examples ==
{{Hcard|1|y=0|clueColour={{r}}|showClueNumber={{{n|none}}}|showClueColour={{{c|none}}}|clueTextColour=black|clueDarkSymbol=1}}
{{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|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|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|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=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=5|clueColour={{{2|}}}|showClueNumber={{{n|none}}}|showClueColour={{{c|none}}}|clueTextColour=white|clueDarkSymbol=0}}
{{Hcard|5|y=6|clueColour={{k}}|showClueNumber={{{n|none}}}|clueTextColour=black}}
{{HCard|5|y=6|clueColour={{k}}|showClueNumber={{{n|none}}}|clueTextColour=black}}


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

Revision as of 00:44, 19 December 2023

​
Hanabi numbers icons 280.png
​

Examples

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

Available parameters

Parameter
Default value
Example
Description
null
null
|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.
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.