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, Id)
No edit summary
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;">{{{cN}}}</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|}}}}}}</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 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}}}</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}}}}}}</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>


== Examples ==
== Examples ==
Line 50: Line 50:
   <div><code>cN</code></div>
   <div><code>cN</code></div>
   <div><code>clueColourName</code></div>
   <div><code>clueColourName</code></div>
   <div><code><nowiki>{{{colourName|}}}</nowiki></code></div>
   <div><code><nowiki>{{{N}}}</nowiki></code></div>
   <div><code><nowiki>|cN=green</nowiki></code></div>
   <div><code><nowiki>|cN=green</nowiki></code></div>
   <div>'''''Optional:''''' specify the clue colour word used for tooltips and screen readers.</div>
   <div>'''''Optional:''''' specify the clue colour word used for tooltips and screen readers.</div>
   <div><code>cc</code></div>
   <div><code>cc</code></div>
   <div><code>clueColour</code></div>
   <div><code>clueColour</code></div>
   <div><code><nowiki>{{{colour|transparent}}}</nowiki></code></div>
   <div><code><nowiki>{{{c|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: <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>
Line 75: Line 75:
   <div><code>sn</code></div>
   <div><code>sn</code></div>
   <div><code>showClueNumber</code></div>
   <div><code>showClueNumber</code></div>
   <div><code>none</code></div>
   <div>''visibility:hidde''<code>n</code></div>
   <div><code><nowiki>|sn=</nowiki></code></div>
   <div><code><nowiki>|sn=</nowiki></code></div>
   <div>'''''Optional:''''' display the rank clue.</div>
   <div>'''''Optional:''''' display the rank clue.</div>
   <div><code>sc</code></div>
   <div><code>sc</code></div>
   <div><code>showClueColour</code></div>
   <div><code>showClueColour</code></div>
   <div><code>hidden</code></div>
   <div>''visibility:hidd''<code>e</code>''n''</div>
   <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>

Revision as of 05:45, 3 January 2024

{{{N}}}
,with a
{{{N}}}clue,

Examples

  • {{{N}}}1
    ,with a
    {{{N}}}1clue,
    {{{N}}}2
    ,with a
    {{{N}}}2clue,
    {{{N}}}3
    ,with a
    {{{N}}}3clue,
    {{{N}}}4
    ,with a
    {{{N}}}4clue,
    {{{N}}}5
    ,with a
    {{{N}}}5clue,
    {{{N}}}5
    ,with a
    multicolour5clue,
    {{{N}}}5
    ,with a
    {{{N}}}5clue,
    {{{N}}}
    ,with a
    green5clue,

{{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=}}

Available parameters

Parameter Id
Parameter Name
Default value
Example
Description
1
null
&#8203; (ZeroWidthSpace)
|5
Required: specify the card rank (1/2/3/4/5).
c
colour
transparent
|c={{g}}
Required: specify the card colour: {{r}} {{y}} {{g}} {{b}} {{w}} {{m}}
L
colourLetter
null
|L=g
Required: specify the card colour letter: red ⇨r, yellow ⇨y, green ⇨g, blue ⇨b, white ⇨w, multicolour ⇨m.
N
colourName
null
|N=green
Required: specify the colour word used for tooltips and screen readers.
cN
clueColourName
{{{N}}}
|cN=green
Optional: specify the clue colour word used for tooltips and screen readers.
cc
clueColour
{{{c|transparent}}}
|cc={{g}}
Optional: specify the clue colour: {{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
#2F2342 (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.