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

Template:Hex: Difference between revisions

From Board Game Arena
Jump to navigation Jump to search
(div)
(x-direction span 2)
Line 1: Line 1:
<div style="display:inline-grid;place-items:center;grid-area:{{{y|1}}}/{{{x|1}}};rotate:calc({{{r|0}}}*30deg);width:{{{w|67.2}}}px;aspect-ratio:cos(30deg);clip-path:polygon(-50% 50%,50% 100%,150% 50%,50% 0);background:{{{bg|#ddd}}};"><div style="grid-area:1/1;">{{{1|&ZeroWidthSpace;}}}</div><div style="grid-area:1/1;rotate:calc({{{r|0}}}*-30deg);color:{{{textColor|#fff}}};font-family:Roboto,Arial,sans-serif;font-weight:700;font-size:16px;text-shadow:0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}};">{{{2|&ZeroWidthSpace;}}}</div></div><noinclude>
<div style="display:inline-grid;place-items:center;grid-area:{{{y|1}}}/{{{x|1}}}/span 1/span 2;rotate:calc({{{r|0}}}*30deg);width:{{{w|67.195}}}px;aspect-ratio:cos(30deg);clip-path:polygon(-50% 50%,50% 100%,150% 50%,50% 0);background:{{{bg|#ddd}}};"><div style="grid-area:1/1;">{{{1|&ZeroWidthSpace;}}}</div><div style="grid-area:1/1;rotate:calc({{{r|0}}}*-30deg);color:{{{textColor|#fff}}};font-family:Roboto,Arial,sans-serif;font-weight:700;font-size:16px;text-shadow:0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}};">{{{2|&ZeroWidthSpace;}}}</div></div><noinclude>
 
== Examples ==
 
{{hex |{{TaluvaClearing}} |A }} <code><nowiki>{{hex |{{TaluvaClearing}} |A }}</nowiki></code>
 
{{hex |{{TaluvaClearing}} |B |r=1 }} <code><nowiki>{{hex |{{TaluvaClearing}} |B |r=1 }}</nowiki></code>


== Parameters ==
== Parameters ==
Line 22: Line 16:
   <div><code>2</code></div>
   <div><code>2</code></div>
   <div><code>&amp;ZeroWidthSpace;</code></div>
   <div><code>&amp;ZeroWidthSpace;</code></div>
   <div><code><nowiki>{{hex | |text }}</nowiki></code></div>
   <div><code><nowiki>{{hex | |A }}</nowiki></code></div>
   <div>{{hex | |text }}</div>
   <div>{{hex | |A }}</div>
   <div>'''''Optional:''''' specify a text value.</div>
   <div>'''''Optional:''''' specify a text value.</div>
   <div><code>bg</code></div>
   <div><code>bg</code></div>

Revision as of 19:33, 10 May 2024

Parameters

Parameter
Default value
Example
Result
Description
1
&ZeroWidthSpace;
{{hex |{{TaluvaClearing}} }}
Clearing
Optional: specify a Template:GameIcon image.
2
&ZeroWidthSpace;
{{hex | |A }}
A
Optional: specify a text value.
bg
#ddd
{{hex |bg=green }}
Optional: specify the background as a CSS color.
x
1
{{hex |x=3 }}
Optional: specify the x co-ordinate of the hex on a Template:HexMap.
y
1
{{hex |y=2 }}
Optional: specify the y co-ordinate of the hex on a Template:HexMap.
r
0
{{hex |r=1 }}
Optional: specify the rotation in units of 30° (0-11).