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
(Created page with "<span 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}}};"><span style="grid-area:1/1;">{{{1|​}}}</span><span 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 {{{outlin...")
 
(flat-top parameter)
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
<span 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}}};"><span style="grid-area:1/1;">{{{1|&ZeroWidthSpace;}}}</span><span 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;}}}</span></span><noinclude>
<div style="display:inline-grid;place-items:center;grid-area:{{{y|1}}}/{{{x|1}}}/span 1/span 2;rotate:calc({{{r|0}}}*30deg);{{{|w}}}height:{{{w|67.195}}}px;{{{|w}}}idth:{{{w|67.195}}}px;aspect-ratio:calc(1/({{{|1/}}}cos(30deg)));clip-path:polygon(0 50%,50% -50%,100% 50%,50% 150%);{{{|c}}}lip-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 ==


<div style="display:grid;grid:min-content repeat(8,minmax(140px,1fr))/5rem min-content 18rem min-content 1fr;gap:0 0.25rem;overflow:auto;text-overflow:ellipsis;">
<div style="display:grid;grid-template-columns:5rem min-content 18rem min-content 1fr;gap:0.25rem;overflow:auto;text-overflow:ellipsis;">
   <div style="font-weight:bold;width:8rem;">Parameter</div>
   <div style="font-weight:bold;width:8rem;">Parameter</div>
   <div style="font-weight:bold;width:8rem;">Default value</div>
   <div style="font-weight:bold;width:8rem;">Default value</div>
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>
Line 30: Line 24:
   <div>{{hex |bg=green }}</div>
   <div>{{hex |bg=green }}</div>
   <div>'''''Optional:''''' specify the background as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color].</div>
   <div>'''''Optional:''''' specify the background as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color].</div>
  <div><code>w</code></div>
  <div><code>67.195</code></div>
  <div><code><nowiki>{{hex |w=50 }}</nowiki></code></div>
  <div>{{hex |w=50 }}</div>
  <div>'''''Optional:''''' specify the width of the hex.</div>
   <div><code>x</code></div>
   <div><code>x</code></div>
   <div><code>1</code></div>
   <div><code>1</code></div>
Line 42: Line 41:
   <div><code>r</code></div>
   <div><code>r</code></div>
   <div><code>0</code></div>
   <div><code>0</code></div>
   <div><code><nowiki>{{hex |r=1 }}</nowiki></code></div>
   <div><code><nowiki>{{hex |r=2 |🡅 }}</nowiki></code></div>
   <div>{{hex |r=1 }}</div>
   <div>{{hex |r=2 |🡅 }}</div>
   <div>'''''Optional:''''' specify the rotation in units of 30° (<code>0</code>-<code>11</code>).</div>
   <div>'''''Optional:''''' specify the rotation in units of 30° (<code>0</code>-<code>11</code>).</div>
  <div><code>null</code></div>
  <div><code>n/a</code></div>
  <div><code><nowiki>{{hex |= |🡅 }}</nowiki></code></div>
  <div>{{hex |= |🡅 }}</div>
  <div>'''''Optional:''''' transform to a flat-top hex.</div>
</div>
</div>


[[Category:GameBoardTemplates]]
[[Category:GameBoardTemplates]]
</noinclude>
</noinclude>

Latest revision as of 22:05, 12 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.
w
67.195
{{hex |w=50 }}
​
​
Optional: specify the width of the hex.
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=2 |🡅 }}
🡅
​
Optional: specify the rotation in units of 30° (0-11).
null
n/a
{{hex |= |🡅 }}
🡅
​
Optional: transform to a flat-top hex.
Retrieved from "http:///index.php?title=Template:Hex&oldid=21126"