This is a documentation for Board Game Arena: play board games online !
Template:Hex: Difference between revisions
Jump to navigation
Jump to search
Sammy McSam (talk | contribs) (arrow, rotation & stack order, responsive ew & font-size) |
Sammy McSam (talk | contribs) (u & l) |
||
| Line 1: | Line 1: | ||
<onlyinclude><div style="container-type:size;display:inline-grid;place-items:center;grid-area:{{{y|1}}}/{{{x|1}}}/span 1/span 2;z-index:{{{z}}};{{{f|w}}}height:{{{w|67.195}}}px;{{{f|w}}}idth:{{{w|67.195}}}px;aspect-ratio:calc(1/({{{f|1/}}}cos(30deg)));clip-path:polygon( | <onlyinclude><div style="container-type:size;display:inline-grid;place-items:center;grid-area:{{{y|1}}}/{{{x|1}}}/span 1/span 2;z-index:{{{z}}};position:relative;left:calc(-1*{{{l|0}}}px);top:calc(-1*{{{u|0}}}px);{{{f|w}}}height:{{{w|67.195}}}px;{{{f|w}}}idth:{{{w|67.195}}}px;aspect-ratio:calc(1/({{{f|1/}}}cos(30deg)));clip-path:polygon( | ||
20.6% 8.66%,23.1% 5.40%,26.2% 2.67%,29.7% 0.822%,33.2% 0, | 20.6% 8.66%,23.1% 5.40%,26.2% 2.67%,29.7% 0.822%,33.2% 0, | ||
66.8% 0,70.3% 0.822%,73.8% 2.67%,76.9% 5.40%,79.3% 8.66%, | 66.8% 0,70.3% 0.822%,73.8% 2.67%,76.9% 5.40%,79.3% 8.66%, | ||
| Line 51: | Line 51: | ||
<div>{{code|<nowiki>{{hex</nowiki>{{text|<nowiki>|{{TaluvaClearing}}</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | <div>{{code|<nowiki>{{hex</nowiki>{{text|<nowiki>|{{TaluvaClearing}}</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | ||
<div>{{hex|{{TaluvaClearing}}}}</div> | <div>{{hex|{{TaluvaClearing}}}}</div> | ||
<div> | <div>'''[[Template:GameIcon]]''' image.</div> | ||
<div>{{code|r}}</div> | <div>{{code|r}}</div> | ||
<div>Rotation</div> | <div>Rotation</div> | ||
| Line 57: | Line 57: | ||
<div>{{code|<nowiki>{{hex|{{TaluvaClearing}}</nowiki>{{text|<nowiki>|r=1</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | <div>{{code|<nowiki>{{hex|{{TaluvaClearing}}</nowiki>{{text|<nowiki>|r=1</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | ||
<div>{{hex|{{TaluvaClearing}}|r=1}}</div> | <div>{{hex|{{TaluvaClearing}}|r=1}}</div> | ||
<div> | <div>rotation in units of 60° ({{code|0}}-{{code|5}}).</div> | ||
<div>{{code|f}}</div> | <div>{{code|f}}</div> | ||
<div>Flat-top</div> | <div>Flat-top</div> | ||
| Line 63: | Line 63: | ||
<div>{{code|<nowiki>{{hex</nowiki>{{text|<nowiki>|f=</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | <div>{{code|<nowiki>{{hex</nowiki>{{text|<nowiki>|f=</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | ||
<div>{{hex|f=}}</div> | <div>{{hex|f=}}</div> | ||
<div> | <div>transform to a flat-top hex.</div> | ||
<div>{{code|c}}</div> | <div>{{code|c}}</div> | ||
<div>Corners</div> | <div>Corners</div> | ||
| Line 69: | Line 69: | ||
<div>{{code|<nowiki>{{hex</nowiki>{{text|<nowiki>|c=</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | <div>{{code|<nowiki>{{hex</nowiki>{{text|<nowiki>|c=</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | ||
<div>{{hex|c=}}</div> | <div>{{hex|c=}}</div> | ||
<div> | <div>rounded corners.</div> | ||
<div>{{code|b}}</div> | <div>{{code|b}}</div> | ||
<div>Background</div> | <div>Background</div> | ||
| Line 75: | Line 75: | ||
<div>{{code|<nowiki>{{hex</nowiki>{{text|<nowiki>|b=green</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | <div>{{code|<nowiki>{{hex</nowiki>{{text|<nowiki>|b=green</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | ||
<div>{{hex|b=green}}</div> | <div>{{hex|b=green}}</div> | ||
<div> | <div>background as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color].</div> | ||
<div>{{code|ec}}</div> | <div>{{code|ec}}</div> | ||
<div>Edge color</div> | <div>Edge color</div> | ||
| Line 81: | Line 81: | ||
<div>{{code|<nowiki>{{hex</nowiki>{{text|<nowiki>|ec=green</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | <div>{{code|<nowiki>{{hex</nowiki>{{text|<nowiki>|ec=green</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | ||
<div>{{hex|ec=green}}</div> | <div>{{hex|ec=green}}</div> | ||
<div> | <div>edge color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color].</div> | ||
<div>{{code|ew}}</div> | <div>{{code|ew}}</div> | ||
<div>Edge width</div> | <div>Edge width</div> | ||
| Line 87: | Line 87: | ||
<div>{{code|<nowiki>{{hex|ec=black</nowiki>{{text|<nowiki>|ew=12</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | <div>{{code|<nowiki>{{hex|ec=black</nowiki>{{text|<nowiki>|ew=12</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | ||
<div>{{hex|ec=black|ew=12}}</div> | <div>{{hex|ec=black|ew=12}}</div> | ||
<div> | <div>edge width as a percentage of the hex width.</div> | ||
<div>{{code|ac}}</div> | <div>{{code|ac}}</div> | ||
<div>Arrow color</div> | <div>Arrow color</div> | ||
| Line 93: | Line 93: | ||
<div>{{code|<nowiki>{{hex</nowiki>{{text|<nowiki>|ac=green</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | <div>{{code|<nowiki>{{hex</nowiki>{{text|<nowiki>|ac=green</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | ||
<div>{{hex|ac=green}}</div> | <div>{{hex|ac=green}}</div> | ||
<div> | <div>arrow color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color].</div> | ||
<div>{{code|ar}}</div> | <div>{{code|ar}}</div> | ||
<div>Arrow rotation</div> | <div>Arrow rotation</div> | ||
| Line 99: | Line 99: | ||
<div>{{code|<nowiki>{{hex|ac=black</nowiki>{{text|<nowiki>|ar=1</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | <div>{{code|<nowiki>{{hex|ac=black</nowiki>{{text|<nowiki>|ar=1</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | ||
<div>{{hex|ac=black|ar=1}}</div> | <div>{{hex|ac=black|ar=1}}</div> | ||
<div> | <div>arrow rotation in units of 60° ({{code|0}}-{{code|5}}).</div> | ||
<div>{{code|t}}</div> | <div>{{code|t}}</div> | ||
<div>Text</div> | <div>Text</div> | ||
| Line 105: | Line 105: | ||
<div>{{code|<nowiki>{{hex</nowiki>{{text|<nowiki>|t=1</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | <div>{{code|<nowiki>{{hex</nowiki>{{text|<nowiki>|t=1</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | ||
<div>{{hex|t=1}}</div> | <div>{{hex|t=1}}</div> | ||
<div> | <div>text value.</div> | ||
<div>{{code|tc}}</div> | <div>{{code|tc}}</div> | ||
<div>Text color</div> | <div>Text color</div> | ||
| Line 111: | Line 111: | ||
<div>{{code|<nowiki>{{hex|t=1</nowiki>{{text|<nowiki>|tc=green</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | <div>{{code|<nowiki>{{hex|t=1</nowiki>{{text|<nowiki>|tc=green</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | ||
<div>{{hex|t=1|tc=green}}</div> | <div>{{hex|t=1|tc=green}}</div> | ||
<div> | <div>text color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color].</div> | ||
<div>{{code|to}}</div> | <div>{{code|to}}</div> | ||
<div>Text outline</div> | <div>Text outline</div> | ||
| Line 117: | Line 117: | ||
<div>{{code|<nowiki>{{hex|t=1</nowiki>{{text|<nowiki>|to=green</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | <div>{{code|<nowiki>{{hex|t=1</nowiki>{{text|<nowiki>|to=green</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | ||
<div>{{hex|t=1|to=green}}</div> | <div>{{hex|t=1|to=green}}</div> | ||
<div> | <div>text outline color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color].</div> | ||
<div>{{code|w}}</div> | <div>{{code|w}}</div> | ||
<div>Width</div> | <div>Width</div> | ||
| Line 123: | Line 123: | ||
<div>{{code|<nowiki>{{hex</nowiki>{{text|<nowiki>|w=50</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | <div>{{code|<nowiki>{{hex</nowiki>{{text|<nowiki>|w=50</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | ||
<div>{{hex|w=50}}</div> | <div>{{hex|w=50}}</div> | ||
<div> | <div>width in pixels.</div> | ||
<div>{{code|u}}</div> | |||
<div>Up</div> | |||
<div>{{code|0}}</div> | |||
<div>{{code|<nowiki>{{hex</nowiki>{{text|<nowiki>|u=8</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | |||
<div>{{hex|u=8}}</div> | |||
<div>translate up in pixels.</div> | |||
<div>{{code|l}}</div> | |||
<div>Left</div> | |||
<div>{{code|0}}</div> | |||
<div>{{code|<nowiki>{{hex</nowiki>{{text|<nowiki>|l=8</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | |||
<div>{{hex|l=8}}</div> | |||
<div>translate left in pixels.</div> | |||
<div>{{code|x}}</div> | <div>{{code|x}}</div> | ||
<div>X</div> | <div>X</div> | ||
| Line 129: | Line 141: | ||
<div>{{code|<nowiki>{{hex</nowiki>{{text|<nowiki>|x=3</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | <div>{{code|<nowiki>{{hex</nowiki>{{text|<nowiki>|x=3</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | ||
<div></div> | <div></div> | ||
<div> | <div>x coordinate on a '''[[Template:HexMap]]'''.</div> | ||
<div>{{code|y}}</div> | <div>{{code|y}}</div> | ||
<div>Y</div> | <div>Y</div> | ||
| Line 135: | Line 147: | ||
<div>{{code|<nowiki>{{hex</nowiki>{{text|<nowiki>|y=2</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | <div>{{code|<nowiki>{{hex</nowiki>{{text|<nowiki>|y=2</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | ||
<div></div> | <div></div> | ||
<div> | <div>y coordinate on a '''[[Template:HexMap]]'''.</div> | ||
<div>{{code|z}}</div> | <div>{{code|z}}</div> | ||
<div>Z</div> | <div>Z</div> | ||
| Line 141: | Line 153: | ||
<div>{{code|<nowiki>{{hex</nowiki>{{text|<nowiki>|z=2</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | <div>{{code|<nowiki>{{hex</nowiki>{{text|<nowiki>|z=2</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | ||
<div></div> | <div></div> | ||
<div>''' | <div>z coordinate on a '''[[Template:HexMap]]'''.</div> | ||
</div> | </div> | ||
<noinclude> | <noinclude> | ||
Revision as of 15:29, 9 December 2025
Parameters
Id
Name
Default
Example
Result
Description
1
Image
empty
{{hex|{{TaluvaClearing}}}}
Template:GameIcon image.
r
Rotation
0
{{hex|{{TaluvaClearing}}|r=1}}
rotation in units of 60° (0-5).
f
Flat-top
pointed-top
{{hex|f=}}
transform to a flat-top hex.
c
Corners
n/a
{{hex|c=}}
rounded corners.
b
Background
#ddd
{{hex|b=green}}
background as a CSS color.
ec
Edge color
transparent
{{hex|ec=green}}
edge color as a CSS color.
ew
Edge width
8
{{hex|ec=black|ew=12}}
edge width as a percentage of the hex width.
ac
Arrow color
transparent
{{hex|ac=green}}
arrow color as a CSS color.
ar
Arrow rotation
0
{{hex|ac=black|ar=1}}
arrow rotation in units of 60° (0-5).
t
Text
empty
{{hex|t=1}}
1
text value.
tc
Text color
white
{{hex|t=1|tc=green}}
1
text color as a CSS color.
to
Text outline
black
{{hex|t=1|to=green}}
1
text outline color as a CSS color.
w
Width
67.195
{{hex|w=50}}
width in pixels.
u
Up
0
{{hex|u=8}}
translate up in pixels.
l
Left
0
{{hex|l=8}}
translate left in pixels.
x
X
1
{{hex|x=3}}
x coordinate on a Template:HexMap.
y
Y
1
{{hex|y=2}}
y coordinate on a Template:HexMap.
z
Z
empty
{{hex|z=2}}
z coordinate on a Template:HexMap.
Category:ShapeTemplates
Pages using Template:Hex
- Gamehelphive (transclusion) (← links)
- Wiki formatting (transclusion) (← links)
- Template:Hex (transclusion) (← links)
- Template:HexMap (transclusion) (← links)
- Template:HiveAnt (transclusion) (← links)
- Template:HiveBeetle (transclusion) (← links)
- Template:HiveGrasshopper (transclusion) (← links)
- Template:HiveLadybug (transclusion) (← links)
- Template:HiveMosquito (transclusion) (← links)
- Template:HiveBee (transclusion) (← links)
- Template:HiveSpider (transclusion) (← links)
- Template:HivePillBug (transclusion) (← links)
- Template:HiveHexG (transclusion) (← links)
- Template:HiveHexR (transclusion) (← links)
- Template:HiveHexB (transclusion) (← links)
- Template:HiveHexW (transclusion) (← links)