Template:IconCreate: Difference between revisions

Revision as of 02:11, 30 June 2019

This template displays an icon by overlaying a foreground image on a background image, and centers it within the parent element.

icon   = foreground image; default is "Red Tablet"
bg     = background; default is "normal"
width  = icon width
height = icon height

{{IconCreate|icon=Uranium|bg=normal|height=60|width=60}}

Result:

@@ Line 3: / Line 3: @@
 {{#ifeq:{{{bg|}}}|none||<div style="position:absolute; left: calc( (100% - {{{width|128}}}px) / 2 );">[[File:{{#switch:{{{bg|normal}}}|normal=1x1 default bg|plant=1x1 aquatic plant bg|1x1 plant=1x1 aquatic plant bg|2x2 plant=2x2 aquatic plant bg|green=1x1 land plant bg|1x1 green=1x1 land plant bg|2x2 green=2x2 land plant bg|2x2=2x2 default bg|3x3=3x3 default bg|3x2=3x2 default bg|2x3=2x3 default bg|4x4=4x4 default bg|1x2=1x2 default bg|1x2 green=1x2 land plant bg}}.png|{{{width|128}}}px|link={{{link|{{{icon|}}}}}}]]</div>}}
 <!-- Main Icon -->
-<div style="position:absolute; left: calc( (100% - {{{width|128}}}px) / 2 ); vertical-align:bottom;">[[File:{{{icon|Unknown}}} Icon.png|{{{width|128}}}px|link={{{link|{{{icon|}}}}}}]]</div>
+<div style="position:absolute; left: calc( (100% - {{{width|128}}}px) / 2 ); top: calc( (100% - {{{height|128}}}px) / 2 );">[[File:{{{icon|Unknown}}} Icon.png|{{{width|128}}}px|link={{{link|{{{icon|}}}}}}]]</div>
 </div></onlyinclude>
 This template displays an icon by overlaying a foreground image on a background image, and centers it within the parent element.