This is a documentation for Board Game Arena: play board games online !

Template:Cardholder: Difference between revisions

From Board Game Arena
Jump to navigation Jump to search
mNo edit summary
(Template:HCard optimisation)
Line 1: Line 1:
<span style="display:inline-flex;flex-direction:column;"><span style="display:flex;justify-content:space-evenly;gap:0 {{{g|2}}}px;margin:0 4px;white-space:nowrap">{{{1}}}</span><span style="position:relative;top:-4px;z-index:2;background:{{{c|#000}}};color:{{{3|#fff}}};font:500 14px/1.4 Roboto;padding:0 4px;border-radius:4px 4px 1px 1px">{{{2|&#8203;}}}</span></span><noinclude>
<span style="display:inline-flex;flex-direction:column;"><span style="display:flex;justify-content:space-evenly;gap:0 {{{g|2}}}px;margin:0 4px;white-space:nowrap">{{{1|}}}</span><span style="position:relative;top:-4px;z-index:2;font:500 14px/1.4 Roboto;padding:0 4px;border-radius:4px 4px 1px 1px;background:{{{c|#000}}};color:{{{3|#fff}}}">{{{2|&#8203;}}}</span></span><noinclude>


== Examples ==
== Examples ==
Line 9: Line 9:
=== [[Gamehelphanabi|Hanabi]] ===
=== [[Gamehelphanabi|Hanabi]] ===


{{cardholder|{{Hr|1|n|c}}{{Hy|2|n=|c}}{{Hg|3|n|c=}}{{Hb|4|n=|c=}} |Alice 🡲}}
{{cardholder|{{Hr|1}}{{Hy|2|n=}}{{Hg|3|c=}}{{Hb|4|n=|c=}} |Alice 🡲}}
{{cardholder|{{Hw|5|n|c}}{{Hm|1|{{g}}|2|0|n|c=}}{{Hm|2|{{m}}|5|0|n=|c=}}{{Hk|3|n=}} |Bob 🡲}}
{{cardholder|{{Hw|5}}{{Hm|1|{{g}}|c=}}{{Hm|2|n=|c=}}{{Hk|3|n=}} |Bob 🡲}}


<code><nowiki>{{cardholder|</nowiki>'''<span style="background:#fdd;"><nowiki>{{Hr|1}}</nowiki></span><span style="background:#ffd;"><nowiki>{{Hy|2|n=}}</nowiki></span><span style="background:#dfd;"><nowiki>{{Hg|3|c=}}</nowiki></span><span style="background:#ddf;"><nowiki>{{Hb|4|n=|c=}}</nowiki></span>''' <nowiki>|</nowiki>'''Alice 🡲'''<nowiki>}}</nowiki></code>
<code><nowiki>{{cardholder|</nowiki>'''<span style="background:#fdd;"><nowiki>{{Hr|1}}</nowiki></span><span style="background:#ffd;"><nowiki>{{Hy|2|n=}}</nowiki></span><span style="background:#dfd;"><nowiki>{{Hg|3|c=}}</nowiki></span><span style="background:#ddf;"><nowiki>{{Hb|4|n=|c=}}</nowiki></span>''' <nowiki>|</nowiki>'''Alice 🡲'''<nowiki>}}</nowiki></code>


<code><nowiki>{{cardholder|</nowiki>'''<span style="background:#fff;"><nowiki>{{Hw|5|n=}}</nowiki></span><span style="background:#eef;"><nowiki>{{Hm|1|{{g}}|2|0|c=}}</nowiki></span><span style="background:#edf;"><nowiki>{{Hm|2|{{m}}|5|0|n=|c=}}</nowiki></span><span style="background:#ddd;"><nowiki>{{Hk|3|n=}}</nowiki></span>''' <nowiki>|</nowiki>'''Bob 🡲'''<nowiki>}}</nowiki></code>
<code><nowiki>{{cardholder|</nowiki>'''<span style="background:#fff;"><nowiki>{{Hw|5|n=}}</nowiki></span><span style="background:#eef;"><nowiki>{{Hm|1|{{g}}|c=}}</nowiki></span><span style="background:#edf;"><nowiki>{{Hm|2|n=|c=}}</nowiki></span><span style="background:#ddd;"><nowiki>{{Hk|3|n=}}</nowiki></span>''' <nowiki>|</nowiki>'''Bob 🡲'''<nowiki>}}</nowiki></code>


== Available parameters ==
== Parameters ==
<div style="display:grid;grid-template-columns:repeat(5,min-content) 2fr;gap:0.5rem;overflow:auto;text-overflow:ellipsis;">
<div style="display:grid;grid-template-columns:2rem repeat(4,min-content) 2fr;gap:0.5rem;overflow:auto;text-overflow:ellipsis;">
   <div style="font-weight:bold;width:8rem;">Parameter Id</div>
   <div style="font-weight:bold;width:8rem;">Id</div>
   <div style="font-weight:bold;width:8rem;">Parameter Name</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>
Line 25: Line 25:
   <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>cards</code></div>
   <div>Cards</div>
   <div><code>null</code></div>
   <div>empty</div>
   <div><code><nowiki>|{{spade|1}}</nowiki></code><code><nowiki>{{spade|2}}</nowiki></code><code><nowiki>{{spade|3}}</nowiki></code><code><nowiki>{{spade|4}}</nowiki></code></div>
   <div><code><nowiki>|{{spade|1}}</nowiki></code><code><nowiki>{{spade|2}}</nowiki></code><code><nowiki>{{spade|3}}</nowiki></code><code><nowiki>{{spade|4}}</nowiki></code></div>
   <div>{{cardholder|{{spade|1}}{{spade|2}}{{spade|3}}{{spade|4}} }}</div>
   <div>{{cardholder|{{spade|1}}{{spade|2}}{{spade|3}}{{spade|4}} }}</div>
   <div>'''''Required''''': specify cards.</div>
   <div>'''''Required''''': specify cards.</div>
   <div><code>2</code></div>
   <div><code>2</code></div>
   <div><code>label</code></div>
   <div>Label text</div>
   <div><code>&amp;ZeroWidthSpace;</code></div>
   <div>empty</div>
   <div><code><nowiki>|Alice</nowiki></code></div>
   <div><code><nowiki>|Alice</nowiki></code></div>
   <div>{{cardholder|{{diamond|A}}{{club|A}}{{heart|A}}{{spade|A}} |Alice}}</div>
   <div>{{cardholder|{{diamond|A}}{{club|A}}{{heart|A}}{{spade|A}} |Alice}}</div>
   <div>'''''Optional''''': specify a label.</div>
   <div>'''''Optional''''': label text.</div>
   <div><code>3</code></div>
   <div><code>3</code></div>
   <div><code>labelColor</code></div>
   <div>Label text color</div>
   <div><code>#fff</code>
   <div>white</div>
(white)</div>
   <div><code><nowiki>|green</nowiki></code></div>
   <div><code><nowiki>|green</nowiki></code></div>
   <div>{{cardholder|{{diamond|A}}{{club|A}}{{heart|A}}{{spade|A}} |Alice|green|c=lightgrey}}</div>
   <div>{{cardholder|{{diamond|A}}{{club|A}}{{heart|A}}{{spade|A}} |Alice|green|c=lightgrey}}</div>
   <div>'''''Optional''''': specify the label color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color].</div>
   <div>'''''Optional''''': label text color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color].</div>
   <div><code>c</code></div>
   <div><code>c</code></div>
   <div><code>color</code></div>
   <div>Label background color</div>
   <div><code>#000</code>
   <div>black</div>
(black)</div>
   <div><code><nowiki>|c=green</nowiki></code></div>
   <div><code><nowiki>|c=green</nowiki></code></div>
   <div>{{cardholder|{{diamond|A}}{{club|A}}{{heart|A}}{{spade|A}} |c=green}}</div>
   <div>{{cardholder|{{diamond|A}}{{club|A}}{{heart|A}}{{spade|A}} |c=green}}</div>
   <div>'''''Optional''''': specify the color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color].</div>
   <div>'''''Optional''''': label background color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color].</div>
   <div><code>g</code></div>
   <div><code>g</code></div>
   <div><code>gap</code></div>
   <div>Gap</div>
   <div><code>2</code></div>
   <div><code>2</code></div>
   <div><code><nowiki>|g=8</nowiki></code></div>
   <div><code><nowiki>|g=8</nowiki></code></div>

Revision as of 17:40, 23 June 2025

​

Examples

A♦A♣A♥A♠ Alice

{{cardholder|{{diamond|A}}{{club|A}}{{heart|A}}{{spade|A}} |Alice }}

Hanabi

red1,with a red1clue,yellow2,with a yellow2clue,green3,with a green3clue,blue4,with a blue4clue, Alice 🡲 white5,with a white5clue,multicolour1,with a multicolour1clue,multicolour2,with a multicolour2clue,black powder3,with a black powder3clue, Bob 🡲

{{cardholder|{{Hr|1}}{{Hy|2|n=}}{{Hg|3|c=}}{{Hb|4|n=|c=}} |Alice 🡲}}

{{cardholder|{{Hw|5|n=}}{{Hm|1|{{g}}|c=}}{{Hm|2|n=|c=}}{{Hk|3|n=}} |Bob 🡲}}

Parameters

Id
Parameter Name
Default value
Example
Result
Description
1
Cards
empty
|{{spade|1}}{{spade|2}}{{spade|3}}{{spade|4}}
1♠2♠3♠4♠ ​
Required: specify cards.
2
Label text
empty
|Alice
A♦A♣A♥A♠ Alice
Optional: label text.
3
Label text color
white
|green
A♦A♣A♥A♠ Alice
Optional: label text color as a CSS color.
c
Label background color
black
|c=green
A♦A♣A♥A♠ ​
Optional: label background color as a CSS color.
g
Gap
2
|g=8
A♦A♣A♥A♠ ​
Optional: specify the gap between cards in px units.
Retrieved from "http:///index.php?title=Template:Cardholder&oldid=25564"