Template:Card: Difference between revisions

Latest revision as of 21:37, 18 February 2024

Card template examples
Type	`{{club}}`	`{{spade}}`	`{{heart}}`	`{{diamond}}`	`{{cardBack}}`	`{{card\|A}}`	`{{club\|A}}`
Result	♣	♠	♥	♦	🟔	A	A♣

Available parameters

Parameter

Default value

Example

Result

Description

1

 

   

(3 white spaces)

{{card|A}}

A

Required: specify a card value e.g. A for Ace.

size

1

{{card|A |size=1.5}}

A

Optional: specify the text size in rem units.

color

#000 (black)

{{card|A |color=green}}

A

Optional: specify the text color as a CSS color.

outlineColor

#fff0 (transparent)

{{card|A|color=white |outlineColor=green}}

A

Optional: specify the text outline color as a CSS color.

background

#fafafa (almost white)

{{card|A|color=white |background=green}}

A

Optional: specify the background color as a CSS color.

borderColor

#fff0 (transparent)

{{card |borderColor=green}}

Optional: specify the border color as a CSS color.

borderThickness

0.1

{{card|borderColor=green |borderThickness=0.2}}

Optional: specify the border thickness in rem units.

Examples

Machiavelli

A player may play a combination, such as 6♠6♦6♥ or 6♠7♠8♠, or may extend the existing set by playing 5♣ .

* A player may play a combination, such as {{spade|6}}{{diamond|6|color=blue}}{{heart|6}} or {{spade|6}}{{spade|7}}{{spade|8}}, or may extend the existing set by playing {{club|5|color=green}} .

Palace

*The deck is already empty*
Player	In hand	On table	Stack top card	Action
A	3♥3♣ 4♠4♣	7♣7♦7♠ 🟔🟔🟔	2♦	Plays 3♥3♣ .

{|class="wikitable" style="width:auto; text-align:center;"
|+style="text-align:left;"|''The deck is already empty''
!Player
!In hand
!On table
!Stack top card
!style="text-align:left;"|Action
|-
|'''A'''
|{{heart|3}}{{club|3}}
{{spade|4}}{{club|4}}
|{{club|7}}{{Diamond|7}}{{spade|7}}
{{cardBack}}{{cardBack}}{{cardBack}}
|{{diamond|2}}
|style="text-align:left;"|Plays {{heart|3}}{{club|3}} .
|}

@@ Line 1: / Line 1: @@
-<span style="background:{{{background|#fafafa}}};box-shadow:0.05rem 0.05rem 0.1rem 0.1rem rgba(0,0,0,0.2),inset 0 0 0 {{{borderThickness|0.1}}}rem {{{borderColour|#fff0}}};border-radius:0.2rem;padding-top:0.25rem;padding-bottom:0.25rem;padding-left:0.15rem;padding-right:0.15rem;line-height:calc({{{size|1}}}rem + 0.7rem);color:{{{colour|#000}}};text-shadow:0 0 calc({{{size|1}}}rem / 20) {{{outlineColour|#fff0}}},0 0 calc({{{size|1}}}rem / 20) {{{outlineColour|#fff0}}},0 0 calc({{{size|1}}}rem / 20) {{{outlineColour|#fff0}}},0 0 calc({{{size|1}}}rem / 20) {{{outlineColour|#fff0}}},0 0 calc({{{size|1}}}rem / 20) {{{outlineColour|#fff0}}},0 0 calc({{{size|1}}}rem / 20) {{{outlineColour|#fff0}}};font-size:{{{size|1}}}rem;white-space: nowrap">{{{|&nbsp;&nbsp;&nbsp;}}}</span><noinclude>
+<span title="{{{alt|card}}}" style="background:{{{background|#fafafa}}};box-shadow:0.05rem 0.05rem 0.1rem 0.1rem rgba(0,0,0,0.2),inset 0 0 0 {{{borderThickness|0.1}}}rem {{{borderColor|#fff0}}};border-radius:0.2rem;padding:0.25rem 0.15rem;line-height:calc({{{size|1}}}rem + 0.7rem);color:{{{color|#000}}};text-shadow:0 0 calc({{{size|1}}}rem/20) {{{outlineColor|#fff0}}},0 0 calc({{{size|1}}}rem/20) {{{outlineColor|#fff0}}},0 0 calc({{{size|1}}}rem/20) {{{outlineColor|#fff0}}},0 0 calc({{{size|1}}}rem/20) {{{outlineColor|#fff0}}},0 0 calc({{{size|1}}}rem/20) {{{outlineColor|#fff0}}},0 0 calc({{{size|1}}}rem/20) {{{outlineColor|#fff0}}};font-size:{{{size|1}}}rem;white-space:nowrap">{{{1|&nbsp;&nbsp;&nbsp;}}}</span><noinclude>
 {|class="wikitable" style="text-align:center;"
-|+Playing card template examples for a BGA wiki page
+|+Card template examples
 !Type
 |<code><nowiki>{{club}}</nowiki></code>
@@ Line 9: / Line 9: @@
 |<code><nowiki>{{diamond}}</nowiki></code>
 |<code><nowiki>{{cardBack}}</nowiki></code>
-|<code><nowiki>{{card|=A}}</nowiki></code>
+|<code><nowiki>{{card|A}}</nowiki></code>
-|<code><nowiki>{{club|=A}}</nowiki></code>
+|<code><nowiki>{{club|A}}</nowiki></code>
-|<code><nowiki>{{club|=A|colour=green}}</nowiki></code>
 |-
 !Result
@@ Line 19: / Line 18: @@
 |{{diamond}}
 |{{cardBack}}
-|{{card|=A}}
+|{{card|A}}
-|{{club|=A}}
+|{{club|A}}
-|{{club|=A|colour=green}}
 |}
-'''Note:''' Game Help pages (e.g. '[[Gamehelpmachiavelli|GameHelpMachiavelli]]') display on Rules Summary pages
+== Available parameters ==
-e.g. https://boardgamearena.com/gamepanel?game=machiavelli under HOW TO PLAY? > See More > RULES SUMMARY
+<div style="display:grid;grid-template-columns:repeat(4,min-content) auto;gap:0.5rem;overflow:auto;text-overflow:ellipsis;">
+  <div style="font-weight:bold;width:8rem;">Parameter</div>
-{|class="wikitable" style="text-align:left;"
+  <div style="font-weight:bold;width:8rem;">Default value</div>
-|+Available parameters
+  <div style="font-weight:bold;width:8rem;">Example</div>
-!Parameter
+  <div style="font-weight:bold;width:8rem;text-align:center;">Result</div>
-!Default value
+  <div style="font-weight:bold;width:8rem;">Description</div>
-!Example
+  <div><code>1</code></div>
-!Result
+  <div><code><nowiki>&amp;nbsp;</nowiki></code>
-!Description
+<code><nowiki>&amp;nbsp;</nowiki></code>
-|-
+<code><nowiki>&amp;nbsp;</nowiki></code>
-|<code style="color:#b00;">null</code>
+(3 white spaces)</div>
-|<code><nowiki>&amp;nbsp;&amp;nbsp;&amp;nbsp;</nowiki></code>
+  <div><code><nowiki>{{card|A}}</nowiki></code></div>
-|<code><nowiki>{{card|=A}}</nowiki></code>
+  <div style="text-align:center;">{{card|A}}</div>
-|style="text-align:center;"|{{card|=A}}
+  <div>'''''Required:''''' specify a card value e.g. <code>A</code> for Ace.</div>
-|<b><i>Optional:</i></b> specify a card value e.g. <code>A</code> for Ace.
+  <div><code>size</code></div>
-|-
+  <div><code>1</code></div>
-|<code>size</code>
+  <div><code><nowiki>{{card|A</nowiki></code>
-|<code>1</code>
+<code><nowiki>|size=1.5}}</nowiki></code></div>
-|<code><nowiki>{{card|=A|size=1.5}}</nowiki></code>
+  <div style="text-align:center;">{{card|A|size=1.5}}</div>
-|style="text-align:center;"|{{card|=A|size=1.5}}
+  <div>'''''Optional:''''' specify the text size in rem units.</div>
-|<b><i>Optional:</i></b> specify the text size in rem units.
+  <div><code>color</code></div>
-|-
+  <div><code>#000</code>
-|<code>colour</code>
+(black)</div>
-|<code>#000</code> (black)
+  <div><code><nowiki>{{card|A</nowiki></code>
-|<code><nowiki>{{card|=A|colour=green}}</nowiki></code>
+<code><nowiki>|color=green}}</nowiki></code></div>
-|style="text-align:center;"|{{card|=A|colour=green}}
+  <div style="text-align:center;">{{card|A|color=green}}</div>
-|<b><i>Optional:</i></b> specify the text colour as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS colour].
+  <div>'''''Optional:''''' specify the text color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color].</div>
-|-
+  <div><code>outlineColor</code></div>
-|<code>outlineColour</code>
+  <div><code>#fff0</code>
-|<code>#fff0</code> (transparent white)
+(transparent)</div>
-|<code><nowiki>{{card|=A|colour=white|outlineColour=green}}</nowiki></code>
+  <div><code><nowiki>{{card|A|color=white</nowiki></code>
-|style="text-align:center;"|{{card|=A|colour=white|outlineColour=green}}
+<code><nowiki>|outlineColor=green}}</nowiki></code></div>
-|<b><i>Optional:</i></b> specify the text outline colour as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS colour].
+  <div style="text-align:center;">{{card|A|color=white|outlineColor=green}}</div>
-|-
+  <div>'''''Optional:''''' specify the text outline color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color].</div>
-|<code>background</code>
+  <div><code>background</code></div>
-|<code>#fafafa</code> (almost white)
+  <div><code>#fafafa</code>
-|<code><nowiki>{{card|=A|colour=white|background=green}}</nowiki></code>
+(almost&nbsp;white)</div>
-|style="text-align:center;"|{{card|=A|colour=white|background=green}}
+  <div><code><nowiki>{{card|A|color=white</nowiki></code>
-|<b><i>Optional:</i></b> specify the background colour as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS colour].
+<code><nowiki>|background=green}}</nowiki></code></div>
-|-
+  <div style="text-align:center;">{{card|A|color=white|background=green}}</div>
-|<code>borderColour</code>
+  <div>'''''Optional:''''' specify the background color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color].</div>
-|<code>#fff0</code> (transparent white)
+  <div><code>borderColor</code></div>
-|<code><nowiki>{{card|borderColour=green}}</nowiki></code>
+  <div><code>#fff0</code>
-|style="text-align:center;"|{{card|borderColour=green}}
+(transparent)</div>
-|<b><i>Optional:</i></b> specify the border colour as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS colour].
+  <div><code><nowiki>{{card</nowiki></code>
-|-
+<code><nowiki>|borderColor=green}}</nowiki></code></div>
-|<code>borderThickness</code>
+  <div style="text-align:center;">{{card|borderColor=green}}</div>
-|<code>0.1</code>
+  <div>'''''Optional:''''' specify the border color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color].</div>
-|<code><nowiki>{{card|borderColour=green|borderThickness=0.2}}</nowiki></code>
+  <div><code>borderThickness</code></div>
-|style="text-align:center;"|{{card|borderColour=green|borderThickness=0.2}}
+  <div><code>0.1</code></div>
-|<b><i>Optional:</i></b> specify the border thickness in rem units.
+  <div><code><nowiki>{{card|borderColor=green</nowiki></code>
-|}
+<code><nowiki>|borderThickness=0.2}}</nowiki></code></div>
+  <div style="text-align:center;">{{card|borderColor=green|borderThickness=0.2}}</div>
+  <div>'''''Optional:''''' specify the border thickness in rem units.</div>
+</div>
 == Examples ==
-=== Machiavelli ===
+=== [[Gamehelpmachiavelli|Machiavelli]] ===
-* The table has the set {{spade|=5}}{{diamond|=5|colour=blue}}{{heart|=5}} .
+* A player may play a combination, such as {{spade|6}}{{diamond|6|color=blue}}{{heart|6}} or {{spade|6}}{{spade|7}}{{spade|8}}, or may extend the existing set by playing {{club|5|color=green}} .
-* A player may play a combination, such as {{spade|=6}}{{diamond|=6|colour=blue}}{{heart|=6}} or {{spade|=6}}{{spade|=7}}{{spade|=8}}, or may extend the existing set by playing {{club|=5|colour=green}} .
 <pre>
-* The table has the set {{spade|=5}}{{diamond|=5|colour=blue}}{{heart|=5}} .
+* A player may play a combination, such as {{spade|6}}{{diamond|6|color=blue}}{{heart|6}} or {{spade|6}}{{spade|7}}{{spade|8}}, or may extend the existing set by playing {{club|5|color=green}} .
-* A player may play a combination, such as {{spade|=6}}{{diamond|=6|colour=blue}}{{heart|=6}} or {{spade|=6}}{{spade|=7}}{{spade|=8}}, or may extend the existing set by playing {{club|=5|colour=green}} .
 </pre>
-=== Palace ===
+=== [[Gamehelppalace|Palace]] ===
 {|class="wikitable" style="width:auto; text-align:center;"
@@ Line 100: / Line 99: @@
 |-
 |'''A'''
-|{{heart|=3}}{{club|=3}}
+|{{heart|3}}{{club|3}}
-{{spade|=4}}{{club|=4}}
+{{spade|4}}{{club|4}}
-|{{club|=7}}{{Diamond|=7}}{{spade|=7}}
+|{{club|7}}{{Diamond|7}}{{spade|7}}
 {{cardBack}}{{cardBack}}{{cardBack}}
-|{{diamond|=2}}
+|{{diamond|2}}
-|style="text-align:left;"|Plays {{heart|=3}}{{club|=3}} .
+|style="text-align:left;"|Plays {{heart|3}}{{club|3}} .
-|-
-|'''B'''
-| -
-|{{Diamond|=8}}{{club|=J}}{{Diamond|=Q}}
-{{cardBack}}{{cardBack}}{{cardBack}}
-|{{heart|=3}}
-|style="text-align:left;"|Plays {{Diamond|=8}} from the table.
 |}
-<pre>
+<pre style="background:none;border:none;">
 {|class="wikitable" style="width:auto; text-align:center;"
 |+style="text-align:left;"|''The deck is already empty''
@@ Line 125: / Line 117: @@
 |-
 |'''A'''
-|{{heart|=3}}{{club|=3}}
+|{{heart|3}}{{club|3}}
-{{spade|=4}}{{club|=4}}
+{{spade|4}}{{club|4}}
-|{{club|=7}}{{Diamond|=7}}{{spade|=7}}
+|{{club|7}}{{Diamond|7}}{{spade|7}}
 {{cardBack}}{{cardBack}}{{cardBack}}
-|{{diamond|=2}}
+|{{diamond|2}}
-|style="text-align:left;"|Plays {{heart|=3}}{{club|=3}} .
+|style="text-align:left;"|Plays {{heart|3}}{{club|3}} .
-|-
-|'''B'''
-| -
-|{{Diamond|=8}}{{club|=J}}{{Diamond|=Q}}
-{{cardBack}}{{cardBack}}{{cardBack}}
-|{{heart|=3}}
-|style="text-align:left;"|Plays {{Diamond|=8}} from the table.
 |}
 </pre>
-=== Hanabi ===
-{|class="wikitable" style="text-align:center;"
-|+Playing card template examples for a BGA wiki page
-!Type
-|<code><nowiki>{{HCardr}}</nowiki></code>
-|<code><nowiki>{{HCardy}}</nowiki></code>
-|<code><nowiki>{{HCardg}}</nowiki></code>
-|<code><nowiki>{{HCardb}}</nowiki></code>
-|<code><nowiki>{{HCardw}}</nowiki></code>
-|<code><nowiki>{{HCardm}}</nowiki></code>
-|<code><nowiki>{{HCardk}}</nowiki></code>
-|-
-!Result
-|{{HCardr}}
-|{{HCardy}}
-|{{HCardg}}
-|{{HCardb}}
-|{{HCardw}}
-|{{HCardm}}
-|{{HCardk}}
-|}
-{|class="wikitable" style="text-align:left;"
-|+Available parameters
-!Parameter
-!Default value
-!Example
-!Result
-!Description
-|-
-|<code style="color:#b00;">null</code>
-|<code><nowiki>&amp;nbsp;&amp;nbsp;</nowiki></code>
-|<code><nowiki>{{HCardr|=1}}</nowiki></code>
-|style="text-align:center;"|{{HCardr|=1}}
-|<b><i>Optional:</i></b> specify a card value e.g. <code>1</code>.
-|-
-|<code>size</code>
-|<code>2</code>
-|<code><nowiki>{{HCardr|=1|size=1.5}}</nowiki></code>
-|style="text-align:center;"|{{HCardr|=1|size=1.5}}
-|<b><i>Optional:</i></b> specify the text size in rem units.
-|}
 [[Category:Card templates]]
 </noinclude>

Template:Card: Difference between revisions

Latest revision as of 21:37, 18 February 2024

Contents

Available parameters

Examples

Machiavelli

Palace

Navigation menu

Template:Card: Difference between revisions

Latest revision as of 21:37, 18 February 2024

Available parameters

Examples

Machiavelli

Palace

Navigation menu

Search