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
(improved examples)
m (Template:InfoBox update)
 
Line 6: Line 6:
}}
}}


{{infoBox |maxWidth= |color=#3aa |titleAlign=left
{{infoBox |maxWidth= |background=#3aa |titleAlign=left
|title=Step 2
|title=Step 2
|body=Go to <code>[https://en.doc.boardgamearena.com/Template: https://en.doc.boardgamearena.com<wbr>/Template:'''''YourIcon''''']</code>
|body=Go to <code>[https://en.doc.boardgamearena.com/Template: https://en.doc.boardgamearena.com<wbr>/Template:'''''YourIcon''''']</code>
Line 44: Line 44:
}}
}}


{{infoBox |maxWidth= |color=#3c7 |titleAlign=left
{{infoBox |maxWidth= |background=#3c7 |titleAlign=left
|title=Step 3
|title=Step 3
|body=Insert <code><nowiki>{{</nowiki>'''''YourIcon'''''<nowiki>}}</nowiki></code> into a wiki page!
|body=Insert <code><nowiki>{{</nowiki>'''''YourIcon'''''<nowiki>}}</nowiki></code> into a wiki page!
Line 53: Line 53:
=== Jump Drive ===
=== Jump Drive ===


{{infoBox |maxWidth= |color=#37c |titleAlign=left
{{infoBox |maxWidth= |background=#37c |titleAlign=left
|title=Step 1
|title=Step 1
|body=<span style="display:inline-flex;flex-direction:column;gap:0.5rem;"><span>'''[[Special:Upload|Upload]]''' <code>JumpDriveIcons.png</code> (450×30 pixels)</span>[[File:JumpDriveIcons.png]]</span>.
|body=<span style="display:inline-flex;flex-direction:column;gap:0.5rem;"><span>'''[[Special:Upload|Upload]]''' <code>JumpDriveIcons.png</code> (450×30 pixels)</span>[[File:JumpDriveIcons.png]]</span>.
}}
}}


{{infoBox |maxWidth= |color=#3aa |titleAlign=left
{{infoBox |maxWidth= |background=#3aa |titleAlign=left
|title=Step 2
|title=Step 2
|body=Create <code>[https://en.doc.boardgamearena.com/Template:JumpDriveGenes https://en.doc.boardgamearena.com<wbr>/Template:'''''JumpDriveGenes''''']</code>:
|body=Create <code>[https://en.doc.boardgamearena.com/Template:JumpDriveGenes https://en.doc.boardgamearena.com<wbr>/Template:'''''JumpDriveGenes''''']</code>:
Line 78: Line 78:
}}
}}


{{infoBox |maxWidth= |color=#3c7 |titleAlign=left
{{infoBox |maxWidth= |background=#3c7 |titleAlign=left
|title=Step 3
|title=Step 3
|body=Insert <code><nowiki>{{JumpDriveGenes|1}}</nowiki></code> {{JumpDriveGenes|1}} in '''[[Gamehelpjumpdrive]]'''.
|body=Insert <code><nowiki>{{JumpDriveGenes|1}}</nowiki></code> {{JumpDriveGenes|1}} in '''[[Gamehelpjumpdrive]]'''.
Line 85: Line 85:
=== Space Station Phoenix ===
=== Space Station Phoenix ===


{{infoBox |maxWidth= |color=#37c |titleAlign=left
{{infoBox |maxWidth= |background=#37c |titleAlign=left
|title=Step 1
|title=Step 1
|body=<span style="display:inline-flex;flex-direction:column;gap:0.5rem;"><span>'''[[Special:Upload|Upload]]''' <code>SpaceStationPhoenixIcons.png</code> (700×100 pixels).</span>[[File:SpaceStationPhoenixIcons.png]]</span>
|body=<span style="display:inline-flex;flex-direction:column;gap:0.5rem;"><span>'''[[Special:Upload|Upload]]''' <code>SpaceStationPhoenixIcons.png</code> (700×100 pixels).</span>[[File:SpaceStationPhoenixIcons.png]]</span>
}}
}}


{{infoBox |maxWidth= |color=#3aa |titleAlign=left
{{infoBox |maxWidth= |background=#3aa |titleAlign=left
|title=Step 2
|title=Step 2
|body=Create <code>[https://en.doc.boardgamearena.com/Template:SSPShipFarm https://en.doc.boardgamearena.com<wbr>/Template:'''''SSPShipFarm''''']</code>:
|body=Create <code>[https://en.doc.boardgamearena.com/Template:SSPShipFarm https://en.doc.boardgamearena.com<wbr>/Template:'''''SSPShipFarm''''']</code>:
Line 107: Line 107:
}}
}}


{{infoBox |maxWidth= |color=#3c7 |titleAlign=left
{{infoBox |maxWidth= |background=#3c7 |titleAlign=left
|title=Step 3
|title=Step 3
|body=Insert <code><nowiki>{{SSPShipFarm}}</nowiki></code> {{SSPShipFarm}} in '''[[Gamehelpspacestationphoenix]]'''.
|body=Insert <code><nowiki>{{SSPShipFarm}}</nowiki></code> {{SSPShipFarm}} in '''[[Gamehelpspacestationphoenix]]'''.

Latest revision as of 18:14, 10 February 2026

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

Step 1
Upload YourImage.png
Step 2
Go to https://en.doc.boardgamearena.com/Template:YourIcon
(replace YourIcon🡅)

Copy & paste this into it:

{{gameIcon
|tooltip=
|imageFileName=
|scale=1
|width=
|height=
|x=0
|y=0
|={{{1|&ZeroWidthSpace;}}}
|textColor=black
|outlineColor=white
}}<noinclude>
[[Category:WikiTemplates]]
<noinclude>

Minimum:

|imageFileName= paste the file name here
|width= pixels width of your icon
|height= pixels height of your icon

You can check the file name via the list of uploaded files.

Optional:

|scale= for smaller icons, set it somewhere between 0.1 and 1
|tooltip= one or more words that appear on hover

If you create multiple icons:

|x= set the x(/y) position inside your image
[[Category:you can link them together in your own category]]
e.g. [[Category:GameNameIcons]]
Step 3
Insert {{YourIcon}} into a wiki page!

Examples

Jump Drive

Step 1
Upload JumpDriveIcons.png (450×30 pixels)JumpDriveIcons.png.
Step 2
Create https://en.doc.boardgamearena.com/Template:JumpDriveGenes: 
{{gameIcon
|tooltip=Genes
|imageFileName=JumpDriveIcons.png
|width=30
|height=30
|x=60
|y=0
|={{{1|&ZeroWidthSpace;}}}
|textColor=black
|outlineColor=white
}}<noinclude>
[[Category:JumpDriveIcons]]
<noinclude>
Step 3
Insert {{JumpDriveGenes|1}} genes1 in Gamehelpjumpdrive.

Space Station Phoenix

Step 1
Upload SpaceStationPhoenixIcons.png (700×100 pixels).SpaceStationPhoenixIcons.png
Step 2
Create https://en.doc.boardgamearena.com/Template:SSPShipFarm: 
{{gameIcon
|tooltip=Farm ship
|imageFileName=SpaceStationPhoenixIcons.png
|width=85
|height=50
|x=500
|y=50
}}<noinclude>
[[Category:SpaceStationPhoenixIcons]]
<noinclude>
Step 3
Insert {{SSPShipFarm}} Farm ship​ in Gamehelpspacestationphoenix.

Parameters

Parameter
Default value
Example
Description
tooltip
&ZeroWidthSpace;
|tooltip=Resource
Optional: tooltip to display on hover.
imageFileName
null
|imageFileName=YourImage.png
Required: uploaded image file name including file format (i.e. .png, .jpg etc.).
scale
1
|scale=0.5
Optional: scale the image with its origin in the top left corner.
width
null
|width=30
Required: icon width in px units.
height
null
|height=30
Required: icon height in px units.
x
0
|x=60
Optional: x-axis (horizontal) position in px units.
y
0
|y=30
Optional: y-axis (vertical) position in px units.
z
null
|z=2
Optional: z-axis (stacking order) position.
null
&ZeroWidthSpace;
|={{{1|&ZeroWidthSpace;}}}
Optional: text value e.g. via another variable using triple curly braces.
textColor
#000
(black)
|textColor=green
Optional: text color as a CSS color e.g. green.
outlineColor
#fff0
(transparent white)
|outlineColor=green
Optional: text outline color as a CSS color e.g. green.
Retrieved from "http:///index.php?title=Template:GameIcon&oldid=28470"