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

Template:GameIcon: Difference between revisions

From Board Game Arena
Jump to navigation Jump to search
(Created page with "<span style="display:inline-flex;align-items:center;justify-content:space-around;position:relative;height:{{{height}}}px;width:{{{width}}}px;overflow:hidden;color:{{{textColor|#000}}};font-family:Roboto,Arial,sans-serif;font-weight:700;font-size:16px;text-shadow:0 0 2px {{{outlineColor|#fff0}}},0 0 2px {{{outlineColor|#fff0}}},0 0 2px {{{outlineColor|#fff0}}},0 0 2px {{{outlineColor|#fff0}}},0 0 2px {{{outlineColor|#fff0}}},0 0 2px {{{outlineColor|#fff0}}},0 0 2px {{{out...")
 
No edit summary
Line 10: Line 10:
|x=0
|x=0
|y=0
|y=0
|=
|={{{|&amp;#8203;}}}
|textColor=black
|textColor=black
|outlineColor=white
|outlineColor=white
}}<nowiki><</nowiki>noinclude<nowiki>>
}}<nowiki><</nowiki>noinclude<nowiki>>
[[Category:GameNameIcons|GameName icons]]
[[Category:GameNameIcons]]
<</nowiki>noinclude<nowiki>></nowiki>
<</nowiki>noinclude<nowiki>></nowiki>
</pre>
</pre>
Line 49: Line 49:
   <div>'''''Optional:''''' specify the y position in px units.</div>
   <div>'''''Optional:''''' specify the y position in px units.</div>
   <div><code>null</code></div>
   <div><code>null</code></div>
   <div><code><nowiki>&amp;#8203;</nowiki></code></br>(zero width space)</div>
   <div><code><nowiki>{{{|&amp;#8203;}}}</nowiki></code></br>(zero width space)</div>
   <div><code><nowiki>|=2</nowiki></code></div>
   <div><code><nowiki>|={{{|&amp;#8203;}}}</nowiki></code></div>
   <div>'''''Optional:''''' specify a text value e.g. <code>3</code>.</div>
   <div>'''''Optional:''''' specify text e.g. via another variable using triple curly braces.</div>
   <div><code>textColor</code></div>
   <div><code>textColor</code></div>
   <div><code>#000</code></br>(black)</div>
   <div><code>#000</code></br>(black)</div>
   <div><code><nowiki>|textColor=green</nowiki></code></div>
   <div><code><nowiki>|textColor=green</nowiki></code></div>
   <div>'''''Optional:''''' specify the text color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color] e.g. <code>green</code>.</div>
   <div>'''''Optional:''''' specify the text variable color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color] e.g. <code>green</code>.</div>
   <div><code>outlineColor</code></div>
   <div><code>outlineColor</code></div>
   <div><code>#fff0</code></br>(transparent white)</div>
   <div><code>#fff0</code></br>(transparent white)</div>
   <div><code><nowiki>|outlineColor=green</nowiki></code></div>
   <div><code><nowiki>|outlineColor=green</nowiki></code></div>
   <div>'''''Optional:''''' specify the text outline color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color] e.g. <code>green</code>.</div>
   <div>'''''Optional:''''' specify the text variable outline color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color] e.g. <code>green</code>.</div>
</div>
</div>


Line 81: Line 81:
|x=60
|x=60
|y=0
|y=0
|=3
|={{{|&#8203;}}}
|textColor=black
|textColor=black
|outlineColor=white
|outlineColor=white
Line 94: Line 94:
|x=60
|x=60
|y=0
|y=0
|=3
|={{{|&amp;#8203;}}}
|textColor=black
|textColor=black
|outlineColor=white
|outlineColor=white

Revision as of 01:36, 3 November 2023

[[File:{{{imageFileName}}}|link=|]]​

Use this {{gameIcon}} template to display a game-specific image: 

{{gameIcon
|tooltip=
|imageFileName=
|width=
|height=
|x=0
|y=0
|={{{|&#8203;}}}
|textColor=black
|outlineColor=white
}}<noinclude>
[[Category:GameNameIcons]]
<noinclude>

Available parameters

Parameter
Default value
Example
Description
tooltip
Game icon
|tooltip=Resource
Optional: specify a tooltip to display on hover.
imageFileName
null
|imageFileName=JumpDriveIcons.png
Required: specify an uploaded image file name including file format (i.e. .png, .jpg etc.).
width
null
|width=30
Required: specify the icon width in px units.
height
null
|height=30
Required: specify the icon height in px units.
x
0
|x=60
Optional: specify the x position in px units.
y
0
|y=30
Optional: specify the y position in px units.
null
{{{|&#8203;}}}
(zero width space)
|={{{|&#8203;}}}
Optional: specify text e.g. via another variable using triple curly braces.
textColor
#000
(black)
|textColor=green
Optional: specify the text variable color as a CSS color e.g. green.
outlineColor
#fff0
(transparent white)
|outlineColor=green
Optional: specify the text variable outline color as a CSS color e.g. green.

Examples

Jump Drive

JumpDriveIcons.png

450×30 pixels

JumpDriveIcons.png

Genes

30×30 pixels

Genes​ 

{{gameIcon
|tooltip=Genes
|imageFileName=JumpDriveIcons.png
|width=30
|height=30
|x=60
|y=0
|={{{|&#8203;}}}
|textColor=black
|outlineColor=white
}}<noinclude>
[[Category:JumpDriveIcons]]
<noinclude>

Space Station Phoenix

SpaceStationPhoenixIcons.png

700×100 pixels

SpaceStationPhoenixIcons.png

Farm ship

85×50 pixels

Farm ship​ 

{{gameIcon
|tooltip=Farm ship
|imageFileName=SpaceStationPhoenixIcons.png
|width=85
|height=50
|x=500
|y=50
}}<noinclude>
[[Category:SpaceStationPhoenixIcons]]
<noinclude>
Retrieved from "http:///index.php?title=Template:GameIcon&oldid=18710"