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
(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;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>
<onlyinclude><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:{{{b|#000}}};color:{{{3|#fff}}}">{{{2|&#8203;}}}</span></span></onlyinclude>
 
== Examples ==
 
{{cardholder|{{diamond|A}}{{club|A}}{{heart|A}}{{spade|A}} |Alice}}
 
<code><nowiki>{{cardholder|</nowiki>'''<span style="background:#fdd;"><nowiki>{{diamond|A}}</nowiki></span><span style="background:#eee;"><nowiki>{{club|A}}</nowiki></span><span style="background:#fdd;"><nowiki>{{heart|A}}</nowiki></span><span style="background:#eee;"><nowiki>{{spade|A}}</nowiki>'''</span> |'''Alice'''<nowiki> }}</nowiki></code>
 
=== [[Gamehelphanabi|Hanabi]] ===
 
{{cardholder|{{Hr|1}}{{Hy|2|n=}}{{Hg|3|c=}}{{Hb|4|n=|c=}} |Alice 🡲}}
{{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:#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>


== Parameters ==
== Parameters ==
<div style="display:grid;grid-template-columns:2rem repeat(4,min-content) 2fr;gap:0.5rem;overflow:auto;text-overflow:ellipsis;">
<div style="display:grid;grid-template-columns:repeat(5,max-content) 1fr;gap:0.5rem;overflow:auto;text-overflow:ellipsis;">
   <div style="font-weight:bold;width:8rem;">Id</div>
   <div>{{text|w=bold|Id}}</div>
   <div style="font-weight:bold;width:8rem;">Parameter Name</div>
   <div>{{text|w=bold|Name}}</div>
   <div style="font-weight:bold;width:8rem;">Default value</div>
   <div>{{text|w=bold|Default}}</div>
   <div style="font-weight:bold;width:8rem;">Example</div>
   <div>{{text|w=bold|Example}}</div>
   <div style="font-weight:bold;width:8rem;">Result</div>
   <div>{{text|w=bold|Result}}</div>
   <div style="font-weight:bold;width:8rem;">Description</div>
   <div>{{text|w=bold|Description}}</div>
   <div><code>1</code></div>
   <div>1</div>
   <div>Cards</div>
   <div>Cards</div>
   <div>empty</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>{{cardholder|</nowiki>{{text|<nowiki>{{diamond|A}}</nowiki>|#fdd}}{{text|<nowiki>{{club|A}}</nowiki>|#ddd}}{{text|<nowiki>{{heart|A}}</nowiki>|#fdd}}{{text|<nowiki>{{spade|A}}</nowiki>|#ddd}}&nbsp;<nowiki>}}</nowiki>}}</div>
   <div>{{cardholder|{{spade|1}}{{spade|2}}{{spade|3}}{{spade|4}} }}</div>
   <div>{{cardholder|{{diamond|A}}{{club|A}}{{heart|A}}{{spade|A}} }}</div>
   <div>'''''Required''''': specify cards.</div>
   <div>'''''Required''''': insert any number of cards.</div>
   <div><code>2</code></div>
   <div>2</div>
   <div>Label text</div>
   <div>Text</div>
   <div>empty</div>
   <div>empty</div>
   <div><code><nowiki>|Alice</nowiki></code></div>
   <div>{{code|<nowiki>{{cardholder|</nowiki>{{text|<nowiki>{{diamond|A}}</nowiki>|#fee}}{{text|<nowiki>{{club|A}}</nowiki>|#eee}}{{text|<nowiki>{{heart|A}}</nowiki>|#fee}}{{text|<nowiki>{{spade|A}}</nowiki>|#eee}}<br>{{text|<nowiki>|Alice</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</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''''': label text.</div>
   <div>'''''Optional''''': label text.</div>
   <div><code>3</code></div>
   <div>3</div>
   <div>Label text color</div>
   <div>Text color</div>
   <div>white</div>
   <div>white</div>
   <div><code><nowiki>|green</nowiki></code></div>
   <div>{{code|<nowiki>{{cardholder|</nowiki>{{text|<nowiki>{{diamond|A}}</nowiki>|#fee}}{{text|<nowiki>{{club|A}}</nowiki>|#eee}}{{text|<nowiki>{{heart|A}}</nowiki>|#fee}}{{text|<nowiki>{{spade|A}}</nowiki>|#eee}}<br><nowiki>|Alice</nowiki>{{text|<nowiki>|lightgreen</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</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|lightgreen}}</div>
   <div>'''''Optional''''': label text 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|b}}</div>
   <div>Label background color</div>
   <div>Background</div>
   <div>black</div>
   <div>black</div>
   <div><code><nowiki>|c=green</nowiki></code></div>
   <div>{{code|<nowiki>{{cardholder|</nowiki>{{text|<nowiki>{{diamond|A}}</nowiki>|#fee}}{{text|<nowiki>{{club|A}}</nowiki>|#eee}}{{text|<nowiki>{{heart|A}}</nowiki>|#fee}}{{text|<nowiki>{{spade|A}}</nowiki>|#eee}}<br><nowiki>|Alice</nowiki>{{text|<nowiki>|b=green</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div>
   <div>{{cardholder|{{diamond|A}}{{club|A}}{{heart|A}}{{spade|A}} |c=green}}</div>
   <div>{{cardholder|{{diamond|A}}{{club|A}}{{heart|A}}{{spade|A}} |Alice|b=green}}</div>
   <div>'''''Optional''''': label background 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}}</div>
   <div>Gap</div>
   <div>Gap</div>
   <div><code>2</code></div>
   <div>{{code|2}}</div>
  <div><code><nowiki>|g=8</nowiki></code></div>
  <div>{{code|<nowiki>{{cardholder|</nowiki>{{text|<nowiki>{{diamond|A}}</nowiki>|#fee}}{{text|<nowiki>{{club|A}}</nowiki>|#eee}}{{text|<nowiki>{{heart|A}}</nowiki>|#fee}}{{text|<nowiki>{{spade|A}}</nowiki>|#eee}}<br>{{text|<nowiki>|g=8</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div>
   <div>{{cardholder|{{diamond|A}}{{club|A}}{{heart|A}}{{spade|A}} |g=8}}</div>
   <div>{{cardholder|{{diamond|A}}{{club|A}}{{heart|A}}{{spade|A}} |g=8}}</div>
   <div>'''''Optional''''': specify the gap between cards in px units.</div>
   <div>'''''Optional''''': gap between cards in [https://developer.mozilla.org/en-US/docs/Web/CSS/length#px pixels].</div>
</div>
</div>


[[Category:HanabiCards]]
<noinclude>
== Pages using {{FULLPAGENAME}} ==
{{Special:WhatLinksHere/{{FULLPAGENAME}}}}
</noinclude>
 
[[Category:Card templates]]
[[Category:Card templates]]
</noinclude>

Revision as of 16:31, 1 August 2025

​

Parameters

Id
Name
Default
Example
Result
Description
1
Cards
empty
{{cardholder|{{diamond|A}}{{club|A}}{{heart|A}}{{spade|A}} }}
A♦A♣A♥A♠ ​
Required: insert any number of cards.
2
Text
empty
{{cardholder|{{diamond|A}}{{club|A}}{{heart|A}}{{spade|A}}
|Alice}}
A♦A♣A♥A♠ Alice
Optional: label text.
3
Text color
white
{{cardholder|{{diamond|A}}{{club|A}}{{heart|A}}{{spade|A}}
|Alice|lightgreen}}
A♦A♣A♥A♠ Alice
Optional: label text color as a CSS color.
b
Background
black
{{cardholder|{{diamond|A}}{{club|A}}{{heart|A}}{{spade|A}}
|Alice|b=green}}
A♦A♣A♥A♠ Alice
Optional: label background color as a CSS color.
g
Gap
2
{{cardholder|{{diamond|A}}{{club|A}}{{heart|A}}{{spade|A}}
|g=8}}
A♦A♣A♥A♠ ​
Optional: gap between cards in pixels.


Pages using Template:Cardholder

Retrieved from "http:///index.php?title=Template:Cardholder&oldid=25984"