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
(compressed Template:HCard Template:cardholder, +cardHolderLabel parameters)
Line 1: Line 1:
<div style="display:inline-grid;grid:16px 4px 24px 28px/26px;place-items:baseline center;width:26px;vertical-align:-webkit-baseline-middle;"><div style="z-index:1;grid-area:2/1/4/1;display:grid;place-items:center;width:26px;border-radius:3px 3px 0 0;background:{{{b|#2F2342}}};color:{{{c}}};font:700 28px/1.1 Roboto;-webkit-text-stroke:1px rgba(255,255,255,{{{o|0}}});"><span style="font-size:0;">{{{N|card}}}</span>{{{1|&#8203;}}}</div><div aria-hidden="true" style="grid-area:4/1/5/1;display:grid;place-items:start center;width:26px;height:100%;border-radius:0 0 3px 3px;background:{{{b|#2F2342}}};color:{{{c|transparent}}};font:20px/1.1 cursive;">&#8203;{{{L|}}}</div><span style="visibility:hidd{{{sc|e}}}{{{sn|n}}};font-size:0;">,with a </span><div style="grid-area:1/1/3/1;place-self:start;width:12px;height:16px;margin:0 1px;border-radius:3px 3px 0 0;border:1px solid #2F2342;background:#ccc8;visibility:hidde{{{sn|n}}};"></div><span style="grid-area:1/1/3/1;width:22px;height:16px;border-radius:3px 3px 0 0;border:1px solid #2F2342;background:{{{cc|{{{c|transparent}}}}}};visibility:hidd{{{sc|e}}}n;"><span style="visibility:hidd{{{sc|e}}}n;font-size:0;">{{{cN|{{{N|card}}}}}}</span></span><span style="grid-area:1/1/3/1;place-self:start;visibility:hidde{{{sn|n}}};padding:0 3px;font:500 16px/1.15 Roboto;color:#2F2342;">{{{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;font:20px/1.1 cursive">{{{3|&#8203;}}}</div><div aria-hidden="true" style="grid-area:3/1/4/1;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>


== 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=}} {{HBack|5|{{g}}|green|n=|c=}} {{HDeck|5}}
: {{Hr|l=A|1}} {{Hy|l=B|2|c=}} {{Hg|l=C|3|n=|c=}} {{Hb|l=D|4|n=|c}} {{Hw|l=E|5|n|c=}} {{Hm|l=-|5|n=|c=}} {{Hk|l=_|5|n=}}


<code><nowiki>{{Hr|1}}</nowiki></code>
<code><nowiki>{{Hr|1}}</nowiki></code>
Line 22: Line 22:


<code><nowiki>{{HDeck|5}}</nowiki></code>
<code><nowiki>{{HDeck|5}}</nowiki></code>
{{cardholder|&nbsp;|cards=
{{Hr|1|h=A}}
{{Hy|2|h=B}}
{{Hg|3|h=C}}
{{Hb|4|h=D}}
}}
<code><nowiki>{{cardholder|&amp;ZeroWidthSpace;|cards=</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 31: Line 46:
   <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>null</code></div>
   <div><code>rank</code></div>
   <div><code>&amp;#8203;</code> (ZeroWidthSpace)</div>
   <div><code>&amp;ZeroWidthSpace;</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>c</code></div>
   <div><code>2</code></div>
   <div><code>colour</code></div>
   <div><code>colour</code></div>
   <div><code>transparent</code></div>
   <div><code>transparent</code></div>
   <div><code><nowiki>|c={{g}}</nowiki></code></div>
   <div><code><nowiki>|{{g}}</nowiki></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>'''''Required:''''' specify the card colour e.g. <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>L</code></div>
   <div><code>3</code></div>
   <div><code>colourLetter</code></div>
   <div><code>colourLetter</code></div>
   <div><code>null</code></div>
   <div><code>null</code></div>
   <div><code><nowiki>|L=g</nowiki></code></div>
   <div><code><nowiki>|g</nowiki></code></div>
   <div>'''''Required:''''' specify the card colour letter: red ⇨<code>r</code>, yellow ⇨<code>y</code>, green ⇨<code>g</code>, blue ⇨<code>b</code>, white ⇨<code>w</code>, multicolour ⇨<code>m</code>.</div>
   <div>'''''Required:''''' specify the card colour letter: red ⇨<code>r</code>, yellow ⇨<code>y</code>, green ⇨<code>g</code>, blue ⇨<code>b</code>, white ⇨<code>w</code>, multicolour ⇨<code>m</code>.</div>
   <div><code>N</code></div>
   <div><code>4</code></div>
   <div><code>colourName</code></div>
   <div><code>colourName</code></div>
   <div><code>card</code></div>
   <div><code>card</code></div>
   <div><code><nowiki>|N=green</nowiki></code></div>
   <div><code><nowiki>|green</nowiki></code></div>
   <div>'''''Required:''''' specify the colour word used for tooltips and screen readers.</div>
   <div>'''''Required:''''' specify the colour word used for tooltips and screen readers.</div>
   <div><code>cN</code></div>
   <div><code>cN</code></div>
Line 57: Line 72:
   <div><code>cc</code></div>
   <div><code>cc</code></div>
   <div><code>clueColour</code></div>
   <div><code>clueColour</code></div>
   <div><code><nowiki>{{{c|transparent}}}</nowiki></code></div>
   <div><code><nowiki>{{{2|transparent}}}</nowiki></code></div>
   <div><code><nowiki>|cc={{g}}</nowiki></code></div>
   <div><code><nowiki>|cc={{g}}</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>'''''Optional:''''' specify the clue colour e.g. <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>cn</code></div>
   <div><code>cn</code></div>
   <div><code>clueNumber</code></div>
   <div><code>clueNumber</code></div>
Line 72: Line 87:
  <div><code>b</code></div>
  <div><code>b</code></div>
  <div><code>backgroundColour</code></div>
  <div><code>backgroundColour</code></div>
   <div><code>#2F2342</code> (black)</div>
   <div><code>#324</code> (black)</div>
   <div><code><nowiki>|b=grey</nowiki></code></div>
   <div><code><nowiki>|b=grey</nowiki></code></div>
   <div>'''''Optional:''''' specify the background colour.</div>
   <div>'''''Optional:''''' specify the background colour.</div>
Line 85: Line 100:
   <div><code><nowiki>|sc=</nowiki></code></div>
   <div><code><nowiki>|sc=</nowiki></code></div>
   <div>'''''Optional:''''' display the colour clue.</div>
   <div>'''''Optional:''''' display the colour clue.</div>
  <div><code>h</code></div>
  <div><code>cardHolderLabel</code></div>
  <div><code>null</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><code>hc</code></div>
  <div><code>cardHolderLabelColour</code></div>
  <div><code>#fff</code> (white)</div>
  <div><code><nowiki>|hc=green</nowiki></code></div>
  <div>'''''Optional:''''' specify the card holder label colour e.g. <code><nowiki>green</nowiki></code></div>
</div>
</div>


[[Category:HanabiCards]]
[[Category:HanabiCards]]
</noinclude>
</noinclude>

Revision as of 21:05, 26 September 2024

card​
,with a
card​clue,

Examples

red1
,with a
red1clue,
yellow2
,with a
yellow2clue,
green3
,with a
green3clue,
blue4
,with a
blue4clue,
white5
,with a
white5clue,
multicolour5
,with a
multicolour5clue,
black powder5
,with a
black powder5clue,

{{Hr|1}}

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

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

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

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

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

{{Hk|5|n=}}

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

{{HDeck|5}}

 ​

{{cardholder|&ZeroWidthSpace;|cards=

{{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
cardHolderLabel
null
|h=A
Optional: specify a character below the card e.g. to represent a player: A/B/C.
hc
cardHolderLabelColour
#fff (white)
|hc=green
Optional: specify the card holder label colour e.g. green
Retrieved from "http:///index.php?title=Template:HCard&oldid=22745"