Template:Overlay Images: Difference between revisions

From Drunkapedia
Jump to: navigation, search
imported>Tlosk
No edit summary
imported>Tlosk
No edit summary
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly><div style="position:relative; top:0px; left:0px">
<includeonly><div style="position: absolute;">[[Image:{{{Base Image|}}}]]</div><div style="position: absolute;">[[Image:{{{Top Image|}}}]]</div></includeonly><noinclude>
<span style="z-index:0>[[Image:{{{Base Image|}}}]]</span>
<span style="position:absolute;left:0px;top:0px;z-index:1">[[Image:{{{Top Image|}}}]]</span>
</includeonly><noinclude>
{{Related|Wiki Templates}}
{{Related|Wiki Templates}}
== Syntax ==
== Syntax ==
Line 14: Line 11:


== Usage ==
== Usage ==
Overlays one image directly over another, use a gif of png image with transparency for the second image. This is useful for a variety of applications including overlaying just the needed information (small file size) over a more detailed base image (large file size).
Overlays one image directly over another, use a gif or png image with transparency for the second image. This is useful for a variety of applications including overlaying just the needed information (small file size) over a more detailed base image (large file size).


For example:
For example:

Latest revision as of 15:06, 18 January 2009

Related topics: Wiki Templates

Syntax

{{Overlay Images
| Base Image = <Image Name.jpg>
| Top Image = <Image Name.png>
}}

Usage

Overlays one image directly over another, use a gif or png image with transparency for the second image. This is useful for a variety of applications including overlaying just the needed information (small file size) over a more detailed base image (large file size).

For example:

Test 1.png
Test 2.png
{{Overlay Images
| Base Image = Test 1.png
| Top Image = Test 2.png
}}

displays as: