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
(added size variable)
(borderThickness)
(6 intermediate revisions by 2 users 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 0.1rem {{{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 0.1rem {{{shadowColour|#fff0}}},0 0.1rem 0.3rem {{{shadowColour|#fff0}}},0 -0.1rem 0.3rem {{{shadowColour|#fff0}}};font-size:{{{size|1}}}rem;">{{{|&nbsp;&nbsp;&nbsp;}}}</span><noinclude>
<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>


{|class="wikitable" style="text-align:center;"
{|class="wikitable" style="text-align:center;"
Line 53: Line 53:
|<b><i>Optional:</i></b> specify the text colour as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS colour].
|<b><i>Optional:</i></b> specify the text colour as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS colour].
|-
|-
|<code>shadowColour</code>
|<code>outlineColour</code>
|<code>#fff0</code> (transparent white)
|<code>#fff0</code> (transparent white)
|<code><nowiki>{{card|=A|colour=white|shadowColour=green}}</nowiki></code>
|<code><nowiki>{{card|=A|colour=white|outlineColour=green}}</nowiki></code>
|style="text-align:center;"|{{card|=A|colour=white|shadowColour=green}}
|style="text-align:center;"|{{card|=A|colour=white|outlineColour=green}}
|<b><i>Optional:</i></b> specify the text shadow colour as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS colour].
|<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>background</code>
Line 67: Line 67:
|<code>borderColour</code>
|<code>borderColour</code>
|<code>#fff0</code> (transparent white)
|<code>#fff0</code> (transparent white)
|<code><nowiki>{{card|=A|borderColour=green}}</nowiki></code>
|<code><nowiki>{{card|borderColour=green}}</nowiki></code>
|style="text-align:center;"|{{card|=A|borderColour=green}}
|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].
|<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.
|}
|}


Line 81: Line 87:
* The table has the set {{spade|=5}}{{diamond|=5|colour=blue}}{{heart|=5}} .
* 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}} .
* 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>
----
{|class="wikitable" style="width:auto; text-align:center;"
!style="width:8rem;"|Table
!style="width:4rem;"|In hand
!style="width:8rem;"|Rearrange
!style="width:8rem;"|Add card
|-
|{{club|=5|colour=green}}{{diamond|=5|colour=blue}}{{heart|=5}}{{spade|=5}}
{{club|=6|colour=green}}{{club|=7|colour=green}}{{club|=8|colour=green}}
|{{club|=4|colour=green}}
|{{diamond|=5|colour=blue}}{{heart|=5}}{{spade|=5}}
{{club|=5|colour=green}}{{club|=6|colour=green}}{{club|=7|colour=green}}{{club|=8|colour=green}}
|{{diamond|=5|colour=blue}}{{heart|=5}}{{spade|=5}}
{{club|=4|colour=green}}{{club|=5|colour=green}}{{club|=6|colour=green}}{{club|=7|colour=green}}{{club|=8|colour=green}}
|-
|{{club|=5|colour=green}}{{diamond|=5|colour=blue}}{{heart|=5}}
{{club|=6|colour=green}}{{diamond|=6|colour=blue}}{{heart|=6}}
{{club|=7|colour=green}}{{diamond|=7|colour=blue}}{{heart|=7}}
|{{club|=8|colour=green}}
|{{club|=5|colour=green}}{{club|=6|colour=green}}{{club|=7|colour=green}}
{{diamond|=5|colour=blue}}{{diamond|=6|colour=blue}}{{diamond|=7|colour=blue}}
{{heart|=5}}{{heart|=6}}{{heart|=7}}
|{{club|=5|colour=green}}{{club|=6|colour=green}}{{club|=7|colour=green}}{{club|=8|colour=green}}
{{diamond|=5|colour=blue}}{{diamond|=6|colour=blue}}{{diamond|=7|colour=blue}}
{{heart|=5}}{{heart|=6}}{{heart|=7}}
|}
<pre>
{|class="wikitable" style="width:auto; text-align:center;"
!style="width:8rem;"|Table
!style="width:4rem;"|In hand
!style="width:8rem;"|Rearrange
!style="width:8rem;"|Add card
|-
|{{club|=5|colour=green}}{{diamond|=5|colour=blue}}{{heart|=5}}{{spade|=5}}
{{club|=6|colour=green}}{{club|=7|colour=green}}{{club|=8|colour=green}}
|{{club|=4|colour=green}}
|{{diamond|=5|colour=blue}}{{heart|=5}}{{spade|=5}}
{{club|=5|colour=green}}{{club|=6|colour=green}}{{club|=7|colour=green}}{{club|=8|colour=green}}
|{{diamond|=5|colour=blue}}{{heart|=5}}{{spade|=5}}
{{club|=4|colour=green}}{{club|=5|colour=green}}{{club|=6|colour=green}}{{club|=7|colour=green}}{{club|=8|colour=green}}
|-
|{{club|=5}}{{diamond|=5|colour=blue}}{{heart|=5}}
{{club|=6}}{{diamond|=6|colour=blue}}{{heart|=6}}
{{club|=7|colour=green}}{{diamond|=7|colour=blue}}{{heart|=7}}
|{{club|=8|colour=green}}
|{{club|=5|colour=green}}{{club|=6|colour=green}}{{club|=7|colour=green}}
{{diamond|=5|colour=blue}}{{diamond|=6|colour=blue}}{{diamond|=7|colour=blue}}
{{heart|=5}}{{heart|=6}}{{heart|=7}}
|{{club|=5|colour=green}}{{club|=6|colour=green}}{{club|=7|colour=green}}{{club|=8|colour=green}}
{{diamond|=5|colour=blue}}{{diamond|=6|colour=blue}}{{diamond|=7|colour=blue}}
{{heart|=5}}{{heart|=6}}{{heart|=7}}
|}
</pre>
</pre>


Line 166: Line 113:
|{{heart|=3}}
|{{heart|=3}}
|style="text-align:left;"|Plays {{Diamond|=8}} from the table.
|style="text-align:left;"|Plays {{Diamond|=8}} from the table.
|-
|rowspan="4"|'''C'''
|{{spade|=8}}{{heart|=8}}{{club|=8}}
{{heart|=6}}{{club|=6}}{{Diamond|=6}}{{spade|=6}}
|{{club|=10}}{{Diamond|=10}}{{spade|=10}}
{{cardBack}}{{cardBack}}{{cardBack}}
|{{Diamond|=8}}
|style="text-align:left;"|Plays {{spade|=8}}{{heart|=8}}{{club|=8}} .
This '''[[#Special_action_cards_and_plays|burns]]''' all the cards in the stack and grants an additional turn.
|-
|{{heart|=6}}{{club|=6}}{{Diamond|=6}}{{spade|=6}}
|{{club|=10}}{{Diamond|=10}}{{spade|=10}}
{{cardBack}}{{cardBack}}{{cardBack}}
| -
|style="text-align:left;"|Plays {{heart|=6}}{{club|=6}}{{Diamond|=6}}{{spade|=6}} .
This '''[[#Special_action_cards_and_plays|burns]]''' all the cards in the stack and grants ''another'' additional turn.
|-
| -
|{{club|=10}}{{Diamond|=10}}{{spade|=10}}
{{cardBack}}{{cardBack}}{{cardBack}}
| -
|style="text-align:left;"|Plays {{club|=10}}{{Diamond|=10}}{{spade|=10}} .
This '''[[#Special_action_cards_and_plays|burns]]''' the stack and grants ''yet another'' additional turn.
|-
| -
| -
{{club|=Q}}{{cardBack}}{{cardBack}}
| -
|style="text-align:left;"|Plays a face-down card, {{club|=Q}} .
|-
|'''D'''
|{{club|=9}}{{heart|=10}}
|{{club|=K}}{{Diamond|=K}}{{spade|=K}}
{{cardBack}}{{cardBack}}{{cardBack}}
|{{club|=Q}}
|style="text-align:left;"|Cannot play and picks up the stack.
''Luckily it's just the'' {{club|=Q}} .
|}
|}


Line 228: Line 138:
|{{heart|=3}}
|{{heart|=3}}
|style="text-align:left;"|Plays {{Diamond|=8}} from the table.
|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>
|-
|-
|rowspan="4"|'''C'''
!Result
|{{spade|=8}}{{heart|=8}}{{club|=8}}
|{{HCardr}}
{{heart|=6}}{{club|=6}}{{Diamond|=6}}{{spade|=6}}
|{{HCardy}}
|{{club|=10}}{{Diamond|=10}}{{spade|=10}}
|{{HCardg}}
{{cardBack}}{{cardBack}}{{cardBack}}
|{{HCardb}}
|{{Diamond|=8}}
|{{HCardw}}
|style="text-align:left;"|Plays {{spade|=8}}{{heart|=8}}{{club|=8}} .
|{{HCardm}}
This '''[[#Special_action_cards_and_plays|burns]]''' all the cards in the stack and grants an additional turn.
|{{HCardk}}
|}
 
{|class="wikitable" style="text-align:left;"
|+Available parameters
!Parameter
!Default value
!Example
!Result
!Description
|-
|-
|{{heart|=6}}{{club|=6}}{{Diamond|=6}}{{spade|=6}}
|<code style="color:#b00;">null</code>
|{{club|=10}}{{Diamond|=10}}{{spade|=10}}
|<code><nowiki>&amp;nbsp;&amp;nbsp;</nowiki></code>
{{cardBack}}{{cardBack}}{{cardBack}}
|<code><nowiki>{{HCardr|=1}}</nowiki></code>
| -
|style="text-align:center;"|{{HCardr|=1}}
|style="text-align:left;"|Plays {{heart|=6}}{{club|=6}}{{Diamond|=6}}{{spade|=6}} .
|<b><i>Optional:</i></b> specify a card value e.g. <code>1</code>.
This '''[[#Special_action_cards_and_plays|burns]]''' all the cards in the stack and grants ''another'' additional turn.
|-
|-
| -
|<code>size</code>
|{{club|=10}}{{Diamond|=10}}{{spade|=10}}
|<code>2</code>
{{cardBack}}{{cardBack}}{{cardBack}}
|<code><nowiki>{{HCardr|=1|size=1.5}}</nowiki></code>
| -
|style="text-align:center;"|{{HCardr|=1|size=1.5}}
|style="text-align:left;"|Plays {{club|=10}}{{Diamond|=10}}{{spade|=10}} .
|<b><i>Optional:</i></b> specify the text size in rem units.
This '''[[#Special_action_cards_and_plays|burns]]''' the stack and grants ''yet another'' additional turn.
|-
| -
| -
{{club|=Q}}{{cardBack}}{{cardBack}}
| -
|style="text-align:left;"|Plays a face-down card, {{club|=Q}} .
|-
|'''D'''
|{{club|=9}}{{heart|=10}}
|{{club|=K}}{{Diamond|=K}}{{spade|=K}}
{{cardBack}}{{cardBack}}{{cardBack}}
|{{club|=Q}}
|style="text-align:left;"|Cannot play and picks up the stack.
''Luckily it's just the'' {{club|=Q}} .
|}
|}
</pre>


[[Category:Card templates]]
[[Category:Card templates]]
</noinclude>
</noinclude>

Revision as of 15:18, 20 September 2023

   

Playing card template examples for a BGA wiki page
Type {{club}} {{spade}} {{heart}} {{diamond}} {{cardBack}} {{card|=A}} {{club|=A}} {{club|=A|colour=green}}
Result                     A        

Note: Game Help pages (e.g. 'GameHelpMachiavelli') display on Rules Summary pages e.g. https://boardgamearena.com/gamepanel?game=machiavelli under HOW TO PLAY? > See More > RULES SUMMARY

Available parameters
Parameter Default value Example Result Description
null &nbsp;&nbsp;&nbsp; {{card|=A}} A Optional: 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.
colour #000 (black) {{card|=A|colour=green}} A Optional: specify the text colour as a CSS colour.
outlineColour #fff0 (transparent white) {{card|=A|colour=white|outlineColour=green}} A Optional: specify the text outline colour as a CSS colour.
background #fafafa (almost white) {{card|=A|colour=white|background=green}} A Optional: specify the background colour as a CSS colour.
borderColour #fff0 (transparent white) {{card|borderColour=green}}     Optional: specify the border colour as a CSS colour.
borderThickness 0.1 {{card|borderColour=green|borderThickness=0.2}}     Optional: specify the border thickness in rem units.

Examples

Machiavelli

  • The table has the set           .
  • A player may play a combination, such as           or          , or may extend the existing set by playing     .
* 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}} .

Palace

The deck is already empty
Player In hand On table Stack top card Action
A       

      

         

         

    Plays        .
B -          

         

    Plays     from the table. 
{|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.
|}

Hanabi

Playing card template examples for a BGA wiki page
Type {{HCardr}} {{HCardy}} {{HCardg}} {{HCardb}} {{HCardw}} {{HCardm}} {{HCardk}}
Result                            
Available parameters
Parameter Default value Example Result Description
null &nbsp;&nbsp; {{HCardr|=1}}     Optional: specify a card value e.g. 1.
size 2 {{HCardr|=1|size=1.5}}     Optional: specify the text size in rem units.
Retrieved from "http:///index.php?title=Template:Card&oldid=18121"