Welcome to our new Skyland! Article rewrites are welcome. If you see any missing images, please feel free to add them. Please use the Aboutfile template when uploading and add categories.
We are also aware of some articles being unavailable. Please bear with us while we are working to get them fixed.

Template:Overlay: Difference between revisions

From Skylanders Wiki
No edit summary
Tag: sourceedit
m Princess Nightmoon moved page Template:Imgoverlay to Template:Overlay without leaving a redirect: Can be used for tables and other content too, so the img part is misleading.
(No difference)

Revision as of 09:40, August 9, 2016

Syntax

{{imgoverlay|img=<filename>|topimg=<filename>|x=<posx>|y=<posy>}}

This template is used to display images with overlays.

Preview code

{{imgcrop|img=[[File:Spyro.jpg|200px]]|topimg=[[File:MagicSymbolSkylanders.png|50px]]|x=0|y=155}}

Resulting in an image of Spyro (resized to 200px) with an overlay of the Magic Symbol (resized to 50px) at x=0, y=155.

Multiple layers

View/Hide Section

For multiple layers of images, you appropriately enough need to use multiple layers of imgoverlay templates.

Example syntax

Yields 3 overlays over the original picture.

{{imgoverlay|img=
 {{imgoverlay|img=
  {{imgoverlay|img=<filename>
  |topimg=<filename>|x=<posx>|y=<posy>}}
 |topimg=<filename>|x=<posx>|y=<posy>}}
|topimg=<filename>|x=<posx>|y=<posy>}}

Multiple layers example

Doom Jet with 2 overlays: An Earth Symbol and Air Symbol. (Air is 1 layer above Earth)

{{imgoverlay|img=
 {{imgoverlay|img=[[File:Doom_Swap_02.png|200px]]
 |topimg=[[File:EarthSymbolSkylanders.png|50px]]|x=150|y=0}}
|topimg=[[File:AirSymbolSkylanders.png|50px]]|x=0|y=150}}

Result:

Template:Imgoverlay