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) (vertical-align:-webkit-baseline-middle;) |
Sammy McSam (talk | contribs) (clueNumber backgroundColour) |
||
| 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: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;display:{{{showClueNumber|none}}};"></div><div 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:{{{showClueColour|hidden}}};"></div><div style="grid-area:1/1/2/1;display:{{{showClueNumber|none}}};place-self:center start;width:24px;padding:0 3px;line-height:normal;font-family:Roboto,Arial,sans-serif;font-weight:500;font-size:16px;color:#2F2342;">{{{1|​}}}</div><div alt="{{{colourName|}}} {{{1|}}}" style="grid-area:2/1/4/1;display:grid;place-items:start center;width:26px;border-radius:3px 3px 0 0;background-color:#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}}});">{{{1|​}}}</div><div 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:#2F2342;color:{{{colour|transparent}}};line-height:normal;font-family:Roboto,Arial,sans-serif;font-size:20px;">{{{colourLetter|}}}</div></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="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;display:{{{showClueNumber|none}}};"></div><div 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:{{{showClueColour|hidden}}};"></div><div style="grid-area:1/1/2/1;display:{{{showClueNumber|none}}};place-self:center start;width:24px;padding:0 3px;line-height:normal;font-family:Roboto,Arial,sans-serif;font-weight:500;font-size:16px;color:#2F2342;">{{{clueNumber|{{{1|​}}}}}}</div><div alt="{{{colourName|}}} {{{1|}}}" style="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}}});">{{{1|​}}}</div><div 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></div><noinclude> | ||
== Examples == | == Examples == | ||
* {{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=}} | * {{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}}|n=|c=}} | ||
<code><nowiki>{{Hr|1|n=|c}}</nowiki></code> | <code><nowiki>{{Hr|1|n=|c}}</nowiki></code> | ||
| Line 18: | Line 18: | ||
<code><nowiki>{{Hk|5|n=}}</nowiki></code> | <code><nowiki>{{Hk|5|n=}}</nowiki></code> | ||
<code><nowiki>{{HBack|5|{{r}}|n=|c=}}</nowiki></code> | |||
== Available parameters == | == Available parameters == | ||
| Line 26: | Line 28: | ||
<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>&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> | ||
| Line 45: | Line 47: | ||
<div><code><nowiki>|clueColour={{g}}</nowiki></code></div> | <div><code><nowiki>|clueColour={{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>clueNumber</code></div> | |||
<div><code>{{{1|&ZeroWidthSpace;}}}</code></div> | |||
<div><code><nowiki>|clueNumber={{1}}</nowiki></code></div> | |||
<div>'''''Optional:''''' specify the clue number: (<code>1</code>/<code>2</code>/<code>3</code>/<code>4</code>/<code>5</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>|textOutline=1</nowiki></code></div> | <div><code><nowiki>|textOutline=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>backgroundColour</code></div> | |||
<div><code>#2F2342</code> (black)</div> | |||
<div><code><nowiki>|backgroundColour=grey</nowiki></code></div> | |||
<div>'''''Optional:''''' specify the background colour.</div> | |||
<div><code>showClueNumber</code></div> | <div><code>showClueNumber</code></div> | ||
<div><code>none</code></div> | <div><code>none</code></div> | ||
Revision as of 00:12, 30 December 2023
Examples
- 12345555
{{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}}|n=|c=}}
Available parameters
Parameter
Default value
Example
Description
1​|5Required: specify the card rank (
1/2/3/4/5).colourtransparent|colour={{g}}Required: specify the card colour:
{{r}} {{y}} {{g}} {{b}} {{w}} {{m}}colourLetternull|colourLetter=gRequired: specify the card colour letter: red ⇨
r, yellow ⇨y, green ⇨g, blue ⇨b, white ⇨w, multicolour ⇨m.colourNamenull|colourName=greenRequired: specify the colour word used for tooltips and screen readers.
clueColournull|clueColour={{g}}Optional: specify the clue colour:
{{r}} {{y}} {{g}} {{b}} {{w}} {{m}}clueNumber​|clueNumber={{1}}Optional: specify the clue number: (
1/2/3/4/5).textOutline0|textOutline=1Optional: specify the text outline opacity: transparent ⇨
0, opaque ⇨1backgroundColour#2F2342 (black)|backgroundColour=greyOptional: specify the background colour.
showClueNumbernone|showClueNumber=Optional: display the rank clue.
showClueColourhidden|showClueColour=Optional: display the colour clue.