This is a documentation for Board Game Arena: play board games online !
Template:HCard: Difference between revisions
Jump to navigation
Jump to search
Sammy McSam (talk | contribs) (clueNumber backgroundColour) |
Sammy McSam (talk | contribs) m ({{{N|card}}}) |
||
| (5 intermediate revisions by the same user not shown) | |||
| 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="grid-area: | <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|​}}}</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;">​{{{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|​}}}}}}</span><span style="visibility:hidd{{{sc|e}}}{{{sn|n}}};font-size:0;">clue,</span></div><noinclude> | ||
== Examples == | == Examples == | ||
* {{Hr|1 | * {{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=}} | ||
<code><nowiki>{{Hr|1 | <code><nowiki>{{Hr|1}}</nowiki></code> | ||
<code><nowiki>{{Hy|2|n|c=}}</nowiki></code> | <code><nowiki>{{Hy|2|n|c=}}</nowiki></code> | ||
| Line 15: | Line 15: | ||
<code><nowiki>{{Hw|5|n|c=}}</nowiki></code> | <code><nowiki>{{Hw|5|n|c=}}</nowiki></code> | ||
<code><nowiki>{{Hm|5 | <code><nowiki>{{Hm|5|n=|c=}}</nowiki></code> | ||
<code><nowiki>{{Hk|5|n=}}</nowiki></code> | <code><nowiki>{{Hk|5|n=}}</nowiki></code> | ||
<code><nowiki>{{HBack|5|{{ | <code><nowiki>{{HBack|5|{{g}}|green|n=|c=}}</nowiki></code> | ||
== Available parameters == | == Available parameters == | ||
<div style="display:grid;grid-template-columns:repeat( | <div style="display:grid;grid-template-columns:repeat(4,max-content) 2fr;gap:0.5rem;overflow:auto;text-overflow:ellipsis;"> | ||
<div style="font-weight:bold;width:8rem;">Parameter</div> | <div style="font-weight:bold;width:8rem;">Parameter Id</div> | ||
<div style="font-weight:bold;width:8rem;">Parameter Name</div> | |||
<div style="font-weight:bold;width:8rem;">Default value</div> | <div style="font-weight:bold;width:8rem;">Default value</div> | ||
<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>1</code></div> | <div><code>1</code></div> | ||
<div><code>& | <div><code>null</code></div> | ||
<div><code>&#8203;</code> (ZeroWidthSpace)</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>colour</code></div> | <div><code>colour</code></div> | ||
<div><code>transparent</code></div> | <div><code>transparent</code></div> | ||
<div><code><nowiki>| | <div><code><nowiki>|c={{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: <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>colourLetter</code></div> | <div><code>colourLetter</code></div> | ||
<div><code>null</code></div> | <div><code>null</code></div> | ||
<div><code><nowiki>| | <div><code><nowiki>|L=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>colourName</code></div> | <div><code>colourName</code></div> | ||
<div><code> | <div><code>card</code></div> | ||
<div><code><nowiki>| | <div><code><nowiki>|N=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>clueColourName</code></div> | |||
<div><code><nowiki>{{{N|card}}}</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><code>cc</code></div> | |||
<div><code>clueColour</code></div> | <div><code>clueColour</code></div> | ||
<div><code> | <div><code><nowiki>{{{c|transparent}}}</nowiki></code></div> | ||
<div><code><nowiki>| | <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> | ||
<div><code>cn</code></div> | |||
<div><code>clueNumber</code></div> | <div><code>clueNumber</code></div> | ||
<div><code>{{{1|& | <div><code><nowiki>{{{1|&#8203;}}}</nowiki></code></div> | ||
<div><code><nowiki>| | <div><code><nowiki>|cn={{1}}</nowiki></code></div> | ||
<div>'''''Optional:''''' specify the clue | <div>'''''Optional:''''' specify the clue rank: (<code>1</code>/<code>2</code>/<code>3</code>/<code>4</code>/<code>5</code>).</div> | ||
<div><code>o</code></div> | |||
<div><code>textOutline</code></div> | <div><code>textOutline</code></div> | ||
<div><code>0</code></div> | <div><code>0</code></div> | ||
<div><code><nowiki>| | <div><code><nowiki>|o=1</nowiki></code></div> | ||
<div>'''''Optional:''''' specify the text outline opacity: transparent ⇨<code><nowiki>0</nowiki></code>, opaque ⇨<code><nowiki>1</nowiki></code></div> | <div>'''''Optional:''''' specify the text outline opacity: transparent ⇨<code><nowiki>0</nowiki></code>, opaque ⇨<code><nowiki>1</nowiki></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>#2F2342</code> (black)</div> | ||
<div><code><nowiki>| | <div><code><nowiki>|b=grey</nowiki></code></div> | ||
<div>'''''Optional:''''' specify the background colour.</div> | <div>'''''Optional:''''' specify the background colour.</div> | ||
<div><code>sn</code></div> | |||
<div><code>showClueNumber</code></div> | <div><code>showClueNumber</code></div> | ||
<div><code> | <div>''visibility:hidde''<code>n</code></div> | ||
<div><code><nowiki>| | <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>showClueColour</code></div> | <div><code>showClueColour</code></div> | ||
<div><code> | <div>''visibility:hidd''<code>e</code>''n''</div> | ||
<div><code><nowiki>| | <div><code><nowiki>|sc=</nowiki></code></div> | ||
<div>'''''Optional:''''' display the colour clue.</div> | <div>'''''Optional:''''' display the colour clue.</div> | ||
</div> | </div> | ||
Latest revision as of 08:00, 3 January 2024
card
Examples
- red1yellow2,with a yellowclue,green3,with a green3clue,blue4,with a 4clue,white5,with a whiteclue,multicolour5,with a multicolour5clue,black powder5,with a 5clue,card back,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
1null​ (ZeroWidthSpace)|5Required: specify the card rank (
1/2/3/4/5).ccolourtransparent|c={{g}}Required: specify the card colour:
{{r}} {{y}} {{g}} {{b}} {{w}} {{m}}LcolourLetternull|L=gRequired: specify the card colour letter: red ⇨
r, yellow ⇨y, green ⇨g, blue ⇨b, white ⇨w, multicolour ⇨m.NcolourNamecard|N=greenRequired: specify the colour word used for tooltips and screen readers.
cNclueColourName{{{N|card}}}|cN=greenOptional: specify the clue colour word used for tooltips and screen readers.
ccclueColour{{{c|transparent}}}|cc={{g}}Optional: specify the clue colour:
{{r}} {{y}} {{g}} {{b}} {{w}} {{m}}cnclueNumber{{{1|​}}}|cn={{1}}Optional: specify the clue rank: (
1/2/3/4/5).otextOutline0|o=1Optional: specify the text outline opacity: transparent ⇨
0, opaque ⇨1bbackgroundColour#2F2342 (black)|b=greyOptional: specify the background colour.
snshowClueNumbervisibility:hidde
n|sn=Optional: display the rank clue.
scshowClueColourvisibility:hidd
en|sc=Optional: display the colour clue.