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:cardholder4)
m (padding:0.5rem 0.5rem 1.1rem;)
Line 1: Line 1:
<div style="position:relative;display:grid;grid:repeat(3,auto) / repeat(5,auto);gap:0rem {{{gap|2}}}px;background:{{{background|#fff0}}};border-radius:{{{corner|0.2}}}rem {{{corner|0.2}}}rem 0 0;padding:0.5rem;line-height:0.1;width:max-content;align-items:end;">
<div style="position:relative;display:grid;grid:repeat(3,auto) / repeat(5,auto);gap:0rem {{{gap|2}}}px;background:{{{background|#fff0}}};border-radius:{{{corner|0.2}}}rem {{{corner|0.2}}}rem 0 0;padding:0.5rem 0.5rem 1.1rem;line-height:0.1;width:max-content;align-items:end;">
<div style="background:{{{clue1Colour|#fff0}}};margin-left:5%;padding-left:10%;height:1.4rem;width:75%;border-radius:{{{corner|0.2}}}rem {{{corner|0.2}}}rem 0 0;color:{{{colour|#000}}};font-size:calc({{{size|2}}}rem - 0.75rem);line-height:1.2;">{{{clue1|}}}</div>
<div style="background:{{{clue1Colour|#fff0}}};margin-left:5%;padding-left:10%;height:1.4rem;width:75%;border-radius:{{{corner|0.2}}}rem {{{corner|0.2}}}rem 0 0;color:{{{colour|#000}}};font-size:calc({{{size|2}}}rem - 0.75rem);line-height:1.2;">{{{clue1|}}}</div>
<div style="background:{{{clue2Colour|#fff0}}};margin-left:5%;padding-left:10%;height:1.4rem;width:75%;border-radius:{{{corner|0.2}}}rem {{{corner|0.2}}}rem 0 0;color:{{{colour|#000}}};font-size:calc({{{size|2}}}rem - 0.75rem);line-height:1.2;">{{{clue2|}}}</div>
<div style="background:{{{clue2Colour|#fff0}}};margin-left:5%;padding-left:10%;height:1.4rem;width:75%;border-radius:{{{corner|0.2}}}rem {{{corner|0.2}}}rem 0 0;color:{{{colour|#000}}};font-size:calc({{{size|2}}}rem - 0.75rem);line-height:1.2;">{{{clue2|}}}</div>

Revision as of 22:03, 13 November 2023

   
   
   
   
   
A 🡲

Available parameters

Parameter Default value Example Result Description
card# &nbsp;&nbsp;

(two non-breaking spaces)

{{cardholder |card1=1}}
   
   
   
   
   
A 🡲

Optional: specify cards as text where # is the card number from left to right.
card#Colour #000

(black)

{{cardholder |card1=1 |card1Colour=green}}
   
   
   
   
   
A 🡲

Optional: specify card colours as CSS colours where # is the card number from left to right.
cardBackground #fafafa

(almost white)

{{cardholder |cardBackground=green}}
   
   
   
   
   
A 🡲

Optional: specify all card background colours as CSS colours.
card#Background #fafafa

(almost white)

{{cardholder |card1Background=green}}
   
   
   
   
   
A 🡲

Optional: specify a card background colours as CSS colours where # is the card number from left to right. This overrides the cardBackground parameter.
clue# null {{cardholder |clue1=1}}
1
   
   
   
   
   
A 🡲

Optional: specify clues as text where # is the card number from left to right.
clue#Colour #fff0

(transparent)

{{cardholder |clue1Colour=green}}
   
   
   
   
   
A 🡲

Optional: specify clue colours as CSS colours where # is the card number from left to right.
gap 2 {{cardholder |gap=8}}
   
   
   
   
   
A 🡲

Optional: specify the gap between cards in px units.
background# #fff0

(transparent)

{{cardholder |background=green}}
   
   
   
   
   
A 🡲

Optional: specify the background colour as a CSS colour.
player A {{cardholder |player=Alice}}
   
   
   
   
   
Alice 🡲

Optional: specify the player name as text.
arrow 🡲 {{cardholder |arrow=}}
   
   
   
   
   
A

Optional: hide the arrow or use another symbol.

Examples

Hanabi

1
2
3
4
1
2
3
4
Alice 🡲
{{cardholder4 |player=Alice
|card1=1 |card1Colour={{r}} |clue1=1 |clue1Colour={{r}}
|card2=2 |card2Colour={{y}} |clue2=2 |clue2Colour={{y}}
|card3=3 |card3Colour={{g}} |clue3=3 |clue3Colour={{g}}
|card4=4 |card4Colour={{b}} |clue4=4 |clue4Colour={{b}}
}}
1
2
3
4
5
   
   
   
   
   
Alice 🡲
{{cardholder |cardBackground=#324 |player=Alice
|card1=1 |card1Colour={{r}} |clue1=1 |clue1Colour={{r}}
|card2=2 |card2Colour={{y}} |clue2=2 |clue2Colour={{y}}
|card3=3 |card3Colour={{g}} |clue3=3 |clue3Colour={{g}}
|card4=4 |card4Colour={{b}} |clue4=4 |clue4Colour={{b}}
|card5=5 |card5Colour={{w}} |clue5=5 |clue5Colour={{w}}
}}