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

Template:Hclue: Difference between revisions

From Board Game Arena
Jump to navigation Jump to search
(example)
(size variable)
Line 1: Line 1:
<div style="position:relative;width:40px;height:40px;border:6px solid #4B4B4B;border-radius:50%;background:repeating-conic-gradient(#4B4B4B 0deg 24deg,#4FD7FF 26deg 34deg,#4B4B4B 36deg 60deg);color: #fff;font-family: Impact;font-weight: 700;text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;font-size: 30px;line-height: 45px;text-align: center;"><div style="position:absolute;width:10px;height:10px;top:15px;left:15px;border-radius:50%;background:radial-gradient(#4B4B4BB0 0%, #4B4B4B00 100%);"></div><div style="position:absolute;width:46px;height:46px;top:-3px;left:-3px;border-radius:50%;background:repeating-conic-gradient(#4FD7FF 0deg 6deg,#4B4B4B 8deg 12deg,#fff0 12deg 50deg,#4B4B4B 48deg 52deg,#4FD7FF 54deg 60deg)">{{{|}}}</div></div>
<span style="display:inline-block;position:relative;width:calc({{{size|2}}}rem * 1.25);height:calc({{{size|2}}}rem * 1.25);border:calc({{{size|2}}}rem * 0.1875) solid #4B4B4B;border-radius:50%;background:repeating-conic-gradient(#4B4B4B 0deg 24deg,#4FD7FF 26deg 34deg,#4B4B4B 36deg 60deg);color:#fff;font-family:Impact;font-weight:700;text-shadow: 0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000;font-size:{{{size|2}}}rem;text-align: center;vertical-align:baseline;line-height:calc({{{size|2}}}rem * 1.25);"><span style="position:absolute;width:calc({{{size|2}}}rem / 3.2);height:calc({{{size|2}}}rem / 3.2);top:calc({{{size|2}}}rem * 0.46875);left:calc({{{size|2}}}rem * 0.46875);border-radius:50%;background:radial-gradient(#4B4B4BB0 0%, #4B4B4B00 100%);"></span><span style="position:absolute;width:calc({{{size|2}}}rem * 1.4375);height:calc({{{size|2}}}rem * 1.4375);top:calc({{{size|2}}}rem * 0.09375 * -1);left:calc({{{size|2}}}rem * 0.09375 * -1);border-radius:50%;background:repeating-conic-gradient(#4FD7FF 0deg 6deg,#4B4B4B 8deg 12deg,#fff0 12deg 50deg,#4B4B4B 48deg 52deg,#4FD7FF 54deg 60deg);"></span><span style="position:relative;">{{{|}}}</span></span>
<noinclude>
<noinclude>
{|class="wikitable" style="text-align:left;"
{|class="wikitable" style="text-align:left;"
|+Available parameters
|+Available parameters
!Parameter
!Default value
!Example
!Example
!Result
!Result
!Description
!Description
|-
|-
|<code style="color:#b00;">null</code>
|<code style="color:#b00;">null</code>
|<code><nowiki>{{Hclue|=8}}</nowiki></code>
|<code><nowiki>{{Hclue|=8}}</nowiki></code>
|style="text-align:center;"|{{Hclue|=8}}
|style="text-align:center;"|{{Hclue|=8}}
|<b><i>Optional:</i></b> specify a token value e.g. <code>8</code>.
|<b><i>Optional:</i></b> specify a token value e.g. <code>8</code>.
|-
|<code>size</code>
|<code>2</code>
|<code><nowiki>{{Hclue|=8|size=1.5}}</nowiki></code>
|style="text-align:center;"|{{Hclue|=8|size=1.5}}
|<b><i>Optional:</i></b> specify the size in rem units.
|}
|}


[[Category:GamePieceTemplates|Game piece templates]]
[[Category:GamePieceTemplates|Game piece templates]]
</noinclude>
</noinclude>

Revision as of 18:25, 4 October 2023

Available parameters
Parameter Default value Example Result Description
null null {{Hclue|=8}} 8 Optional: specify a token value e.g. 8.
size 2 {{Hclue|=8|size=1.5}} 8 Optional: specify the size in rem units.