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
mNo edit summary
(sub-templates table)
Line 1: Line 1:
<div style="display:inline-grid;grid:16px 24px 28px/auto-flow;width:26px;color:{{{2|#fff}}};text-align:center;vertical-align:-webkit-baseline-middle"><div style="grid-area:2/1/4/1;z-index:1;width:26px;border-radius:3px;background:{{{b|#324}}};font:700 28px/1.1 Roboto;-webkit-text-stroke:1px rgb(255 255 255/{{{o|0}}})"><span style="font-size:0">{{{4|card}}}</span>{{{1|&#8203;}}}</div><div aria-hidden="true" style="grid-area:3/1/4/1;z-index:1;width:26px;font:20px/1.1 cursive">{{{3|&#8203;}}}</div><div aria-hidden="true" style="grid-area:3/1/4/1;width:26px;position:relative;top:26px;color:{{{hc|#fff}}};font:700 18px/1.1 Roboto;z-index:4">{{{h|}}}</div><span style="visibility:hidd{{{sc|e}}}{{{sn|n}}};font-size:0">,with a </span><div style="grid-area:1/1/3/1;width:12px;margin:0 1px;border-radius:3px;border:1px solid #324;background:#ccc8;visibility:hidde{{{sn|n}}}"></div><span style="grid-area:1/1/3/1;justify-self:center;width:22px;border-radius:3px;border:1px solid #324;background:{{{cc|{{{2|transparent}}}}}};visibility:hidd{{{sc|e}}}n"><span style="visibility:hidd{{{sc|e}}}n;font-size:0">{{{cN|{{{4|card}}}}}}</span></span><span style="grid-area:1/1/3/1;visibility:hidde{{{sn|n}}};padding:0 3px;font:500 16px/1.15 Roboto;text-align:left;color:#324">{{{cn|{{{1|&#8203;}}}}}}</span><span style="visibility:hidd{{{sc|e}}}{{{sn|n}}};font-size:0">clue,</span></div><noinclude>
<div style="display:inline-grid;grid:16px 24px 28px/auto-flow;width:26px;color:{{{2|#fff}}};text-align:center;vertical-align:-webkit-baseline-middle"><div style="grid-area:2/1/4/1;z-index:1;width:26px;border-radius:3px;background:{{{b|#324}}};font:700 28px/1.1 Roboto;-webkit-text-stroke:1px rgb(255 255 255/{{{o|0}}})"><span style="font-size:0">{{{4|card}}}</span>{{{1|&#8203;}}}</div><div aria-hidden="true" style="grid-area:3/1/4/1;z-index:1;width:26px;font:20px/1.1 cursive">{{{3|&#8203;}}}</div><div aria-hidden="true" style="grid-area:3/1/4/1;width:26px;position:relative;top:26px;color:{{{hc|#fff}}};font:500 16px/1.1 Roboto;z-index:4">{{{h|}}}</div><span style="visibility:hidd{{{sc|e}}}{{{sn|n}}};font-size:0">,with a </span><div style="grid-area:1/1/3/1;width:12px;margin:0 1px;border-radius:3px;border:1px solid #324;background:#ccc8;visibility:hidde{{{sn|n}}}"></div><span style="grid-area:1/1/3/1;justify-self:center;width:22px;border-radius:3px;border:1px solid #324;background:{{{cc|{{{2|transparent}}}}}};visibility:hidd{{{sc|e}}}n"><span style="visibility:hidd{{{sc|e}}}n;font-size:0">{{{cN|{{{4|card}}}}}}</span></span><span style="grid-area:1/1/3/1;visibility:hidde{{{sn|n}}};padding:0 3px;font:500 16px/1.15 Roboto;text-align:left;color:#324">{{{cn|{{{1|&#8203;}}}}}}</span><span style="visibility:hidd{{{sc|e}}}{{{sn|n}}};font-size:0">clue,</span></div><noinclude>


== Examples ==
== Examples ==


: {{Hr|1}} {{Hy|2|c=}} {{Hg|3|n=|c=}} {{Hb|4|n=|c}} {{Hw|5|n|c=}} {{Hm|5|n=|c=}} {{Hk|5|n=}}
{|class="wikitable" style="width:auto;line-height:0.8;"
|+style="line-height:normal"|Hanabi cards
|-
!style="writing-mode:vertical-rl;transform:rotate(180deg);"|red
|{{Hr|1}}
{{Hr|2|n=}}
{{Hr|3|c=}}
{{Hr|4|n=|c=}}
{{HBack|5|{{r}}|red|n=|c=}}
|<code><nowiki>{{Hr|1}}</nowiki></code>


<code><nowiki>{{Hr|1}}</nowiki></code>
<code><nowiki>{{Hr|2|n=}}</nowiki></code>


<code><nowiki>{{Hy|2|n|c=}}</nowiki></code>
<code><nowiki>{{Hr|3|c=}}</nowiki></code>


<code><nowiki>{{Hg|3|n=|c=}}</nowiki></code>
<code><nowiki>{{Hr|4|n=|c=}}</nowiki></code>


<code><nowiki>{{Hb|4|n=|c}}</nowiki></code>
<code><nowiki>{{HBack|5|{{r}}|red|n=|c=}}</nowiki></code>
|-
!style="writing-mode:vertical-rl;transform:rotate(180deg);"|yellow
|{{Hy|1}} {{Hy|2|n=}} {{Hy|3|c=}} {{Hy|4|n=|c=}} {{HBack|5|{{y}}|yellow|n=|c=}}
|<code><nowiki>{{Hy|1}}</nowiki></code>


<code><nowiki>{{Hw|5|n|c=}}</nowiki></code>
<code><nowiki>{{Hy|2|n=}}</nowiki></code>


<code><nowiki>{{Hm|5|n=|c=}}</nowiki></code>
<code><nowiki>{{Hy|3|c=}}</nowiki></code>


<code><nowiki>{{Hk|5|n=}}</nowiki></code>
<code><nowiki>{{Hy|4|n=|c=}}</nowiki></code>
 
<code><nowiki>{{HBack|5|{{y}}|yellow|n=|c=}}</nowiki></code>
|-
!style="writing-mode:vertical-rl;transform:rotate(180deg);"|green
|{{Hg|1}} {{Hg|2|n=}} {{Hg|3|c=}} {{Hg|4|n=|c=}} {{HBack|5|{{g}}|green|n=|c=}}
|<code><nowiki>{{Hg|1}}</nowiki></code>
 
<code><nowiki>{{Hg|2|n=}}</nowiki></code>
 
<code><nowiki>{{Hg|3|c=}}</nowiki></code>
 
<code><nowiki>{{Hg|4|n=|c=}}</nowiki></code>


<code><nowiki>{{HBack|5|{{g}}|green|n=|c=}}</nowiki></code>
<code><nowiki>{{HBack|5|{{g}}|green|n=|c=}}</nowiki></code>
|-
!style="writing-mode:vertical-rl;transform:rotate(180deg);"|blue
|{{Hb|1}} {{Hb|2|n=}} {{Hb|3|c=}} {{Hb|4|n=|c=}} {{HBack|5|{{b}}|blue|n=|c=}}
|<code><nowiki>{{Hb|1}}</nowiki></code>
<code><nowiki>{{Hb|2|n=}}</nowiki></code>
<code><nowiki>{{Hb|3|c=}}</nowiki></code>
<code><nowiki>{{Hb|4|n=|c=}}</nowiki></code>
<code><nowiki>{{HBack|5|{{b}}|blue|n=|c=}}</nowiki></code>
|-
!style="writing-mode:vertical-rl;transform:rotate(180deg);"|white
|{{Hw|1}} {{Hw|2|n=}} {{Hw|3|c=}} {{Hw|4|n=|c=}} {{HBack|5|{{w}}|white|n=|c=}}
|<code><nowiki>{{Hw|1}}</nowiki></code>
<code><nowiki>{{Hw|2|n=}}</nowiki></code>
<code><nowiki>{{Hw|3|c=}}</nowiki></code>
<code><nowiki>{{Hw|4|n=|c=}}</nowiki></code>
<code><nowiki>{{HBack|5|{{w}}|white|n=|c=}}</nowiki></code>
|-
!style="writing-mode:vertical-rl;transform:rotate(180deg);"|multicolor
|{{Hm|1}} {{Hm|2|n=}} {{Hm|3|c=}} {{Hm|4|n=|c=}} {{HBack|5|{{m}}|multicolor|n=|c=}}
|<code><nowiki>{{Hm|1}}</nowiki></code>
<code><nowiki>{{Hm|2|n=}}</nowiki></code>
<code><nowiki>{{Hm|3|c=}}</nowiki></code>
<code><nowiki>{{Hm|4|n=|c=}}</nowiki></code>


<code><nowiki>{{HDeck|5}}</nowiki></code>
<code><nowiki>{{HBack|5|{{m}}|multicolor|n=|c=}}</nowiki></code>
|-
!style="writing-mode:vertical-rl;transform:rotate(180deg);"|black powder
|{{Hk|5}} {{Hk|4|n=}}
|<code><nowiki>{{Hk|5}}</nowiki></code>


{{cardholder|{{Hr|1|h=A}}{{Hy|2|h=B}}{{Hg|3|h=C}}{{Hb|4|h=D}} }}
<code><nowiki>{{Hk|4|n=}}</nowiki></code>
|-
!style="writing-mode:vertical-rl;transform:rotate(180deg);"|deck
|{{HDeck|5}}
|<code><nowiki>{{HDeck|5}}</nowiki></code>
|-
!style="writing-mode:vertical-rl;transform:rotate(180deg);" rowspan="2"|cardholder
|{{cardholder|{{Hr|1}}{{Hy|2}}{{Hg|3}}{{Hb|4}} |Alice 🡲}}
|<code><nowiki>{{cardholder|</nowiki></code><code><nowiki>{{Hr|1}}</nowiki></code><code><nowiki>{{Hy|2}}</nowiki></code><code><nowiki>{{Hg|3}}</nowiki></code><code><nowiki>{{Hb|4}}</nowiki></code><code><nowiki>|Alice 🡲}}</nowiki></code>
|-
|{{cardholder|{{Hr|1|h=A}}{{Hy|2|h=B}}{{Hg|3|h=C}}{{Hb|4|h=D}} }}
|<code><nowiki>{{cardholder|</nowiki></code><code><nowiki>{{Hr|1|h=A}}</nowiki></code><code><nowiki>{{Hy|2|h=B}}</nowiki></code><code><nowiki>{{Hg|3|h=C}}</nowiki></code><code><nowiki>{{Hb|4|h=D}}</nowiki></code><code><nowiki>}}</nowiki></code>
|}


<code><nowiki>{{cardholder|</nowiki></code><code><nowiki>{{Hr|1|h=A}}</nowiki></code><code><nowiki>{{Hy|2|h=B}}</nowiki></code><code><nowiki>{{Hg|3|h=C}}</nowiki></code><code><nowiki>{{Hb|4|h=D}}</nowiki></code><code><nowiki>}}</nowiki></code>


== Parameters ==
== Parameters ==
Line 90: Line 164:
   <div>'''''Optional:''''' display the colour clue.</div>
   <div>'''''Optional:''''' display the colour clue.</div>
   <div><code>h</code></div>
   <div><code>h</code></div>
   <div><code>cardHolderLabel</code></div>
   <div><code>holderLabel</code></div>
   <div><code>&amp;#8203;</code></div>
   <div><code>&amp;#8203;</code></div>
   <div><code><nowiki>|h=A</nowiki></code></div>
   <div><code><nowiki>|h=A</nowiki></code></div>
   <div>'''''Optional:''''' specify a character below the card e.g. to represent a player: <code>A</code>/<code>B</code>/<code>C</code>.</div>
   <div>'''''Optional:''''' specify a character below the card e.g. to represent a player: <code>A</code>/<code>B</code>/<code>C</code>.</div>
   <div><code>hc</code></div>
   <div><code>hc</code></div>
   <div><code>cardHolderLabelColour</code></div>
   <div><code>holderLabelColour</code></div>
   <div><code>#fff</code> (white)</div>
   <div><code>#fff</code> (white)</div>
   <div><code><nowiki>|hc=green</nowiki></code></div>
   <div><code><nowiki>|hc=green</nowiki></code></div>

Revision as of 01:11, 27 September 2024

card​
,with a
card​clue,

Examples

Hanabi cards
red
red1
,with a
red1clue,
red2
,with a
red2clue,
red3
,with a
red3clue,
red4
,with a
red4clue,
card back​
,with a
red5clue,
 {{Hr|1}}

{{Hr|2|n=}}

{{Hr|3|c=}}

{{Hr|4|n=|c=}}

{{HBack|5|{{r}}|red|n=|c=}}

yellow
yellow1
,with a
yellow1clue,
yellow2
,with a
yellow2clue,
yellow3
,with a
yellow3clue,
yellow4
,with a
yellow4clue,
card back​
,with a
yellow5clue,
 {{Hy|1}}

{{Hy|2|n=}}

{{Hy|3|c=}}

{{Hy|4|n=|c=}}

{{HBack|5|{{y}}|yellow|n=|c=}}

green
green1
,with a
green1clue,
green2
,with a
green2clue,
green3
,with a
green3clue,
green4
,with a
green4clue,
card back​
,with a
green5clue,
 {{Hg|1}}

{{Hg|2|n=}}

{{Hg|3|c=}}

{{Hg|4|n=|c=}}

{{HBack|5|{{g}}|green|n=|c=}}

blue
blue1
,with a
blue1clue,
blue2
,with a
blue2clue,
blue3
,with a
blue3clue,
blue4
,with a
blue4clue,
card back​
,with a
blue5clue,
 {{Hb|1}}

{{Hb|2|n=}}

{{Hb|3|c=}}

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

{{HBack|5|{{b}}|blue|n=|c=}}

white
white1
,with a
white1clue,
white2
,with a
white2clue,
white3
,with a
white3clue,
white4
,with a
white4clue,
card back​
,with a
white5clue,
 {{Hw|1}}

{{Hw|2|n=}}

{{Hw|3|c=}}

{{Hw|4|n=|c=}}

{{HBack|5|{{w}}|white|n=|c=}}

multicolor
multicolour1
,with a
multicolour1clue,
multicolour2
,with a
multicolour2clue,
multicolour3
,with a
multicolour3clue,
multicolour4
,with a
multicolour4clue,
card back​
,with a
multicolor5clue,
 {{Hm|1}}

{{Hm|2|n=}}

{{Hm|3|c=}}

{{Hm|4|n=|c=}}

{{HBack|5|{{m}}|multicolor|n=|c=}}

black powder
black powder5
,with a
black powder5clue,
black powder4
,with a
black powder4clue,
 {{Hk|5}}

{{Hk|4|n=}}

deck
cards in the deck5
,with a
cards in the deck5clue,
 {{HDeck|5}}
cardholder
red1
,with a
red1clue,
yellow2
,with a
yellow2clue,
green3
,with a
green3clue,
blue4
,with a
blue4clue,
Alice 🡲 		{{cardholder|{{Hr|1}}{{Hy|2}}{{Hg|3}}{{Hb|4}}|Alice 🡲}}
red1
,with a
red1clue,
yellow2
,with a
yellow2clue,
green3
,with a
green3clue,
blue4
,with a
blue4clue,
​ 		{{cardholder|{{Hr|1|h=A}}{{Hy|2|h=B}}{{Hg|3|h=C}}{{Hb|4|h=D}}}}


Parameters

Parameter Id
Parameter Name
Default value
Example
Description
1
rank
&ZeroWidthSpace;
|5
Required: specify the card rank (1/2/3/4/5).
2
colour
transparent
|{{g}}
Required: specify the card colour e.g. {{r}} {{y}} {{g}} {{b}} {{w}} {{m}}
3
colourLetter
null
|g
Required: specify the card colour letter: red ⇨r, yellow ⇨y, green ⇨g, blue ⇨b, white ⇨w, multicolour ⇨m.
4
colourName
card
|green
Required: specify the colour word used for tooltips and screen readers.
cN
clueColourName
{{{N|card}}}
|cN=green
Optional: specify the clue colour word used for tooltips and screen readers.
cc
clueColour
{{{2|transparent}}}
|cc={{g}}
Optional: specify the clue colour e.g. {{r}} {{y}} {{g}} {{b}} {{w}} {{m}}
cn
clueNumber
{{{1|&#8203;}}}
|cn={{1}}
Optional: specify the clue rank: (1/2/3/4/5).
o
textOutline
0
|o=1
Optional: specify the text outline opacity: transparent ⇨0, opaque ⇨1
b
backgroundColour
#324 (black)
|b=grey
Optional: specify the background colour.
sn
showClueNumber
visibility:hidden
|sn=
Optional: display the rank clue.
sc
showClueColour
visibility:hidden
|sc=
Optional: display the colour clue.
h
holderLabel
&#8203;
|h=A
Optional: specify a character below the card e.g. to represent a player: A/B/C.
hc
holderLabelColour
#fff (white)
|hc=green
Optional: specify the card holder label colour e.g. green
Retrieved from "http:///index.php?title=Template:HCard&oldid=22773"