Template talk:Overlaid images

Background

Foreground

Overlay

Caption text goes here.

<div style="position:relative; height:{h0}px; width:{w0}px; overflow:hidden;">
    <div style="position:relative; z-index:1; top:{t1}px; left:{l1}px;">
        [[File:{file1}|x{h1}px]]
    </div>
    <div style="position:relative; z-index:2; top:{t2}px; left:{l2}px;">
        [[File:{file2}|x{h2}px]]
    </div>
</div>

Input parameters

| frame_width      =
| frame_height     =
| back_filename    =
| back_height      =
| back_rightshift  =
| back_downshift   =
| back_alt         =
| front_filename   =
| front_height     =
| front_rightshift =
| front_downshift  =
| front_alt        =
| caption          =

Example 1

{{Overlaid images
| frame_width      = 240
| frame_height     = 300
| back_filename    = English ceremonial counties 1998.svg
| back_height      = 300
| back_rightshift  = 0
| back_downshift   = 0
| back_alt         = English ceremonial counties
| front_filename   = Commons logobanner.svg
| front_height     = 24
| front_rightshift = 0
| front_downshift  = 0
| front_alt        = Commons logo
| caption          = Commons logo over English ceremonial counties
}}

Commons logo over English ceremonial counties

Example 2

{{Overlaid images
| frame_width      = 250
| frame_height     = 250
| back_filename    = English ceremonial counties 1998.svg
| back_height      = 360
| back_rightshift  = -40
| back_downshift   = -90
| back_alt         = English ceremonial counties
| front_filename   = Commons logobanner.svg
| front_height     = 22
| front_rightshift = 140
| front_downshift  = 110
| front_alt        = Commons logo
| caption          = Commons logo over English ceremonial counties
}}

Commons logo over English ceremonial counties

Test by Maproom

The "six towns" forming what is now Stoke-on-Trent