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) (clueColourName, screen reader accessibility) |
Sammy McSam (talk | contribs) (visibility:hidd{{{showClueColour|e}}}{{{showClueNumber|n}}}) |
||
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:start center;width:26px;border-radius:3px 3px 0 0;background-color:{{{backgroundColour|#2F2342}}};color:{{{colour|transparent}}};line-height:normal;font-family:Roboto,Arial,sans-serif;font-weight:700;font-size:28px;-webkit-text-stroke:1px rgba(255,255,255,{{{textOutline|0}}});"><span style="font-size:0;">{{{colourName|}}}</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-color:{{{backgroundColour|#2F2342}}};color:{{{colour|transparent}}};line-height:normal;font-family:Roboto,Arial,sans-serif;font-size:20px;">​{{{colourLetter|}}}</div><span style="{{{showClueColour| | <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:start center;width:26px;border-radius:3px 3px 0 0;background-color:{{{backgroundColour|#2F2342}}};color:{{{colour|transparent}}};line-height:normal;font-family:Roboto,Arial,sans-serif;font-weight:700;font-size:28px;-webkit-text-stroke:1px rgba(255,255,255,{{{textOutline|0}}});"><span style="font-size:0;">{{{colourName|}}}</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-color:{{{backgroundColour|#2F2342}}};color:{{{colour|transparent}}};line-height:normal;font-family:Roboto,Arial,sans-serif;font-size:20px;">​{{{colourLetter|}}}</div><span style="visibility:hidd{{{showClueColour|e}}}{{{showClueNumber|n}}};font-size:0;">,with a </span><div style="grid-area:1/1/3/1;place-self:center start;width:12px;height:100%;margin:0 1px;border-radius:3px 3px 0 0;border:1px solid #2F2342;background-color:#ccc8;visibility:hidde{{{showClueNumber|n}}};"></div><span style="grid-area:1/1/3/1;width:22px;height:100%;margin:-1px 1px;border-radius:3px 3px 0 0;border:1px solid #2F2342;background-color:{{{clueColour|{{{colour|transparent}}}}}};visibility:hidd{{{showClueColour|e}}}n;"><span style="visibility:hidd{{{showClueColour|e}}}n;font-size:0;">{{{clueColourName|{{{colourName|}}}}}}</span></span><span style="grid-area:1/1/3/1;place-self:start;visibility:hidde{{{showClueNumber|n}}};padding:0 3px;line-height:normal;font-family:Roboto,Arial,sans-serif;font-weight:500;font-size:16px;color:#2F2342;">{{{clueNumber|{{{1|​}}}}}}</span><span style="visibility:hidd{{{showClueColour|e}}}{{{showClueNumber|n}}};font-size:0;">clue,</span></div> | ||
<noinclude> | <noinclude> | ||
Revision as of 21:22, 2 January 2024
Examples
- 1
2
3
4
5
5
5
{{Hr|1|n|c}}
{{Hy|2|n|c=}}
{{Hg|3|n=|c=}}
{{Hb|4|n=|c}}
{{Hw|5|n|c=}}
{{Hm|5|{{m}}|2|n=|c=}}
{{Hk|5|n=}}
{{HBack|5|{{r}}|red|n=|c=}}
Available parameters
Parameter
Default value
Example
Description
1
​
|5
Required: specify the card rank (
1
/2
/3
/4
/5
).colour
transparent
|colour={{g}}
Required: specify the card colour:
{{r}}
{{y}}
{{g}}
{{b}}
{{w}}
{{m}}
colourLetter
null
|colourLetter=g
Required: specify the card colour letter: red ⇨
r
, yellow ⇨y
, green ⇨g
, blue ⇨b
, white ⇨w
, multicolour ⇨m
.colourName
null
|colourName=green
Required: specify the colour word used for tooltips and screen readers.
clueColourName
{{{colourName|}}}
|clueColourName=green
Optional: specify the clue colour word used for tooltips and screen readers.
clueColour
{{{colour|transparent}}}
|clueColour={{g}}
Optional: specify the clue colour:
{{r}}
{{y}}
{{g}}
{{b}}
{{w}}
{{m}}
clueNumber
{{{1|​}}}
|clueNumber={{1}}
Optional: specify the clue rank: (
1
/2
/3
/4
/5
).textOutline
0
|textOutline=1
Optional: specify the text outline opacity: transparent ⇨
0
, opaque ⇨1
backgroundColour
#2F2342
(black)|backgroundColour=grey
Optional: specify the background colour.
showClueNumber
none
|showClueNumber=
Optional: display the rank clue.
showClueColour
hidden
|showClueColour=
Optional: display the colour clue.