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
Adjusted for page move. Tag: sourceedit |
m Troubleshooting... Tag: sourceedit |
||
| (One intermediate revision by the same user not shown) | |||
| Line 1: | Line 1: | ||
<div style="position: relative;">{{{content|[[File:Spyro.jpg|200px]]}}} | <div style="position: relative;"> | ||
<div style="position: absolute; left:{{{x|0}}}px; top:{{{y| | {{{content|[[File:Spyro.jpg|200px]]}}} | ||
<div style="position: absolute; left:{{{x|0}}}px; top:{{{y|150}}}px"> | |||
{{{layer|[[File:MagicSymbolSkylanders.png|50px]]}}} | |||
</div></div><noinclude> | |||
==Syntax== | ==Syntax== | ||
<pre>{{overlay|content=<content>|layer=<content>|x=<posx>|y=<posy>}}</pre> | <pre>{{overlay|content=<content>|layer=<content>|x=<posx>|y=<posy>}}</pre> | ||
| Line 6: | Line 10: | ||
===Preview code=== | ===Preview code=== | ||
<pre>{{overlay|content=[[File:Spyro.jpg|200px]]|layer=[[File:MagicSymbolSkylanders.png|50px]]|x=0|y= | <pre>{{overlay|content=[[File:Spyro.jpg|200px]]|layer=[[File:MagicSymbolSkylanders.png|50px]]|x=0|y=150}}</pre> | ||
Resulting in an image of Spyro (resized to 200px) with an overlay of the Magic Symbol (resized to 50px) at x=0, y= | Resulting in an image of Spyro (resized to 200px) with an overlay of the Magic Symbol (resized to 50px) at x=0, y=150. | ||
==Multiple layers== | ==Multiple layers== | ||
| Line 35: | Line 39: | ||
|layer=[[File:EarthSymbolSkylanders.png|50px]]|x=150|y=0}} | |layer=[[File:EarthSymbolSkylanders.png|50px]]|x=150|y=0}} | ||
|layer=[[File:AirSymbolSkylanders.png|50px]]|x=0|y=150}}</div> | |layer=[[File:AirSymbolSkylanders.png|50px]]|x=0|y=150}}</div> | ||
[[Category: Templates]] | |||
</noinclude> | </noinclude> | ||
Latest revision as of 12:35, August 9, 2016
Syntax
{{overlay|content=<content>|layer=<content>|x=<posx>|y=<posy>}}
This template is used to display content with overlays.
Preview code
{{overlay|content=[[File:Spyro.jpg|200px]]|layer=[[File:MagicSymbolSkylanders.png|50px]]|x=0|y=150}}
Resulting in an image of Spyro (resized to 200px) with an overlay of the Magic Symbol (resized to 50px) at x=0, y=150.
Multiple layers
For multiple layers of content, you appropriately enough need to use multiple layers of overlay templates.
Example syntax
Yields 3 overlays over the original content.
{{overlay|content=
{{overlay|content=
{{overlay|content=<content>
|layer=<content>|x=<posx>|y=<posy>}}
|layer=<content>|x=<posx>|y=<posy>}}
|layer=<content>|x=<posx>|y=<posy>}}
Multiple layers example
Picture of Doom Jet with 2 overlays: An Earth Symbol and Air Symbol. (Air is 1 layer above Earth)
{{overlay|content=
{{overlay|content=[[File:Doom_Swap_02.png|200px]]
|layer=[[File:EarthSymbolSkylanders.png|50px]]|x=150|y=0}}
|layer=[[File:AirSymbolSkylanders.png|50px]]|x=0|y=150}}
Result:
