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

Template:Card: Difference between revisions

From Board Game Arena
Jump to navigation Jump to search
(borderThickness)
 
(4 intermediate revisions by the same user not shown)
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>
<onlyinclude><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></onlyinclude>


{|class="wikitable" style="text-align:center;"
== Parameters ==
|+Playing card template examples for a BGA wiki page
<div style="display:grid;grid-template-columns:repeat(4,max-content) 1fr;gap:0.5rem;overflow:auto;text-overflow:ellipsis;">
!Type
  <div>{{text|w=bold|Id}}</div>
|<code><nowiki>{{club}}</nowiki></code>
  <div>{{text|w=bold|Default}}</div>
|<code><nowiki>{{spade}}</nowiki></code>
  <div>{{text|w=bold|Example}}</div>
|<code><nowiki>{{heart}}</nowiki></code>
  <div>{{text|w=bold|Result}}</div>
|<code><nowiki>{{diamond}}</nowiki></code>
  <div>{{text|w=bold|Description}}</div>
|<code><nowiki>{{cardBack}}</nowiki></code>
  <div>{{code|1}}</div>
|<code><nowiki>{{card|=A}}</nowiki></code>
  <div>3 white spaces</div>
|<code><nowiki>{{club|=A}}</nowiki></code>
  <div>{{code|<nowiki>{{card</nowiki>{{text|<nowiki>|A</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div>
|<code><nowiki>{{club|=A|colour=green}}</nowiki></code>
  <div style="text-align:center;">{{card|A}}</div>
|-
  <div>'''''Required:''''' card value e.g. {{code|A}} for Ace.</div>
!Result
  <div>{{code|size}}</div>
|{{club}}
  <div>{{code|1}}</div>
|{{spade}}
  <div>{{code|<nowiki>{{card|A</nowiki>{{text|<nowiki>|size=1.5</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div>
|{{heart}}
  <div style="text-align:center;">{{card|A|size=1.5}}</div>
|{{diamond}}
  <div>'''''Optional:''''' text size in [https://developer.mozilla.org/en-US/docs/Web/CSS/length#rem rem units].</div>
|{{cardBack}}
  <div>{{code|color}}</div>
|{{card|=A}}
  <div>black</div>
|{{club|=A}}
  <div>{{code|<nowiki>{{card|A</nowiki>{{text|<nowiki>|color=green</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div>
|{{club|=A|colour=green}}
  <div style="text-align:center;">{{card|A|color=green}}</div>
|}
  <div>'''''Optional:''''' text color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color].</div>
  <div>{{code|outlineColor}}</div>
  <div>transparent</div>
  <div>{{code|<nowiki>{{card|A|color=white</nowiki>}}<br>{{code|{{text|<nowiki>|outlineColor=green</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div>
  <div style="text-align:center;">{{card|A|color=white|outlineColor=green}}</div>
  <div>'''''Optional:''''' text outline color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color].</div>
  <div>{{code|background}}</div>
  <div>off-white</div>
  <div>{{code|<nowiki>{{card|A|color=white</nowiki>}}<br>{{code|{{text|<nowiki>|background=green</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div>
  <div style="text-align:center;">{{card|A|color=white|background=green}}</div>
  <div>'''''Optional:''''' background color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color].</div>
  <div>{{code|borderColor}}</div>
  <div>transparent</div>
  <div>{{code|<nowiki>{{card</nowiki>{{text|<nowiki>|borderColor=green</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div>
  <div style="text-align:center;">{{card|borderColor=green}}</div>
  <div>'''''Optional:''''' border color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color].</div>
  <div>{{code|borderThickness}}</div>
  <div>{{code|0.1}}</div>
  <div>{{code|<nowiki>{{card|borderColor=green</nowiki>}}<br>{{code|{{text|<nowiki>|borderThickness=0.2</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div>
  <div style="text-align:center;">{{card|borderColor=green|borderThickness=0.2}}</div>
  <div>'''''Optional:''''' border thickness in [https://developer.mozilla.org/en-US/docs/Web/CSS/length#rem rem units].</div>
</div>
<noinclude>
== [[:Category:Card_templates]] ==
{{Category:Card_templates}}


'''Note:''' Game Help pages (e.g. '[[Gamehelpmachiavelli|GameHelpMachiavelli]]') display on Rules Summary pages
== Pages using {{FULLPAGENAME}} ==
e.g. https://boardgamearena.com/gamepanel?game=machiavelli under HOW TO PLAY? > See More > RULES SUMMARY
{{Special:WhatLinksHere/{{FULLPAGENAME}}}}
 
</noinclude>
{|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;&amp;nbsp;</nowiki></code>
|<code><nowiki>{{card|=A}}</nowiki></code>
|style="text-align:center;"|{{card|=A}}
|<b><i>Optional:</i></b> specify a card value e.g. <code>A</code> for Ace.
|-
|<code>size</code>
|<code>1</code>
|<code><nowiki>{{card|=A|size=1.5}}</nowiki></code>
|style="text-align:center;"|{{card|=A|size=1.5}}
|<b><i>Optional:</i></b> specify the text size in rem units.
|-
|<code>colour</code>
|<code>#000</code> (black)
|<code><nowiki>{{card|=A|colour=green}}</nowiki></code>
|style="text-align:center;"|{{card|=A|colour=green}}
|<b><i>Optional:</i></b> specify the text colour as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS colour].
|-
|<code>outlineColour</code>
|<code>#fff0</code> (transparent white)
|<code><nowiki>{{card|=A|colour=white|outlineColour=green}}</nowiki></code>
|style="text-align:center;"|{{card|=A|colour=white|outlineColour=green}}
|<b><i>Optional:</i></b> specify the text outline colour as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS colour].
|-
|<code>background</code>
|<code>#fafafa</code> (almost white)
|<code><nowiki>{{card|=A|colour=white|background=green}}</nowiki></code>
|style="text-align:center;"|{{card|=A|colour=white|background=green}}
|<b><i>Optional:</i></b> specify the background colour as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS colour].
|-
|<code>borderColour</code>
|<code>#fff0</code> (transparent white)
|<code><nowiki>{{card|borderColour=green}}</nowiki></code>
|style="text-align:center;"|{{card|borderColour=green}}
|<b><i>Optional:</i></b> specify the border colour as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS colour].
|-
|<code>borderThickness</code>
|<code>0.1</code>
|<code><nowiki>{{card|borderColour=green|borderThickness=0.2}}</nowiki></code>
|style="text-align:center;"|{{card|borderColour=green|borderThickness=0.2}}
|<b><i>Optional:</i></b> specify the border thickness in rem units.
|}
 
== Examples ==
 
=== 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|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|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 ===
 
{|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}} .
|-
|'''B'''
| -
|{{Diamond|=8}}{{club|=J}}{{Diamond|=Q}}
{{cardBack}}{{cardBack}}{{cardBack}}
|{{heart|=3}}
|style="text-align:left;"|Plays {{Diamond|=8}} from the table.
|}
 
<pre>
{|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}} .
|-
|'''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]]
[[Category:Card templates]]
</noinclude>

Latest revision as of 17:19, 1 August 2025

   

Parameters

Id
Default
Example
Result
Description
1
3 white spaces
{{card|A}}
A
Required: card value e.g. A for Ace.
size
1
{{card|A|size=1.5}}
A
Optional: text size in rem units.
color
black
{{card|A|color=green}}
A
Optional: text color as a CSS color.
outlineColor
transparent
{{card|A|color=white
|outlineColor=green}}
A
Optional: text outline color as a CSS color.
background
off-white
{{card|A|color=white
|background=green}}
A
Optional: background color as a CSS color.
borderColor
transparent
{{card|borderColor=green}}
   
Optional: border color as a CSS color.
borderThickness
0.1
{{card|borderColor=green
|borderThickness=0.2}}
   
Optional: border thickness in rem units.

Category:Card_templates

green5,with a green5clue,

Cards
Template:Card
WikiText Result
{{card|A}} A
{{club|K}} K♣
{{spade|Q}} Q♠
{{heart|J}} J♥
{{diamond|10}} 10♦
{{cardBack}} 🟔
{{club|color=green}} ​♣
Template:Cardholder
WikiText Result
{{cardholder|{{diamond|A}}{{club|A}}{{heart|A}}{{spade|A}} |Alice}} A♦A♣A♥A♠ Alice

Pages using Template:Card

Retrieved from "http:///index.php?title=Template:Card&oldid=25993"