قالب:Superimpose/doc

Edit-paste.svg
هذه هي صفحة توثيق القالب {{Superimpose}}.
ليس الغرض من تلك الصفحة أن تـُشاهـَد مباشرة. لو استعملـَت متغيرات, فبعض الروابط قد تظهر مكسورة. لا تستبدل تلك المتغيرات بأسماء مباشرة (hardcoded) لصفحات أو عناوين URLs.

{{Superimpose/doc}} is a utility which superimposes one image over another, and positions it relative to the top left corner of the bottom image. Although the original idea was to place a dot on a locator map based on editable coordinates, it can be used to precisely overlay any two images for any reason.

Usage

Example

Boulder, Colorado
United States Locator Map

The wikicode below will create the image at right:

{{Superimpose| base = US_Locator_Blank.svg
  | base_width = 288px
  | base_caption = United States Locator Map
  | float = Red Dot.svg
  | float_width = 10px
  | float_caption = Boulder, Colorado
  | x = 83
  | y = 53
}}

Using the Template

To get started, you can simply copy this blank definition into your page, and fill in the data.

{{Superimpose| base = 
  | base_width = 
  | base_caption = 
  | float = 
  | float_width = 
  | float_caption = 
  | x = 
  | y = 
}}

Parameter Definitions

  • base: File name of the base (bottom) image
  • base_width: Width to display the base image, in pixels
  • base_caption: Text to show when a user's mouse hovers over the base image
  • float: File name of the top image
  • float_width: Width to display the top image, in pixels
  • float_caption: Text to show when a user's mouse hovers over the top image
  • x: distance to offset the top image from the left edge of the base image, in pixels or any other CSS-standard units
  • y: distance to offset the top image from the top edge of the base image, in pixels or any other CSS-standard units

A Note about the Locator Dot

I originally built this template thinking I could use an SVG file with transparency (mostly for the dot in locator maps). However, it seems Internet Explorer users can't handle transparent PNGs without a fix that Wikimedia's not yet delivering, so for now I recommend using the GIF version in the example above. When IE better supports PNGs, we can swap the better format back in. —Papayoung 02:06, 26 October 2005 (UTC)