Template:Superimpose/doc - Revision history

Domino: Text replacement - "{{tl|" to "{{template link|"

2023-12-03T23:06:11Z

Text replacement - "{{tl|" to "{{template link|"

← Older revision		Revision as of 23:06, 3 December 2023
Line 129:		Line 129:

	== See also ==		== See also ==
	* {{tl\|Annotated image}}, allows text notes to overlap image, allows cropping		* {{template link\|Annotated image}}, allows text notes to overlap image, allows cropping
	* {{tl\|Superimpose2}}, supports more layer superimposition.		* {{template link\|Superimpose2}}, supports more layer superimposition.
	* {{tl\|Location map}}, places a mark on a map at the specified geographical coordinates.		* {{template link\|Location map}}, places a mark on a map at the specified geographical coordinates.
	* {{tl\|Location map+}}, places one or more marks on a map at the specified geographical coordinates.		* {{template link\|Location map+}}, places one or more marks on a map at the specified geographical coordinates.
	* {{tl\|Location mark}}, places a mark on a map using relative coordinates.		* {{template link\|Location mark}}, places a mark on a map using relative coordinates.
	* {{tl\|Location mark+}}, one or more marks on a map using relative coordinates.		* {{template link\|Location mark+}}, one or more marks on a map using relative coordinates.
	* {{tl\|Site plan}}, related template which superimposes one image on another with different features		* {{template link\|Site plan}}, related template which superimposes one image on another with different features
	* {{tl\|Overlay}}, allows multiple annotations to be placed over an image with a legend		* {{template link\|Overlay}}, allows multiple annotations to be placed over an image with a legend

	<includeonly>		<includeonly>

imported>William at 23:26, 14 January 2020

2020-01-14T23:26:57Z

← Older revision		Revision as of 23:26, 14 January 2020
Line 10:		Line 10:
	\|<pre style="margin-top: 0">		\|<pre style="margin-top: 0">
	{{Superimpose		{{Superimpose
	\| base = ~~US_Locator_Blank~~.~~svg~~		\| base = 2020-01-10-Grand-Map-complete-hiRez.png
	\| base_width = ~~288px~~		\| base_width = 2000px
	\| base_alt = Located in north central Colorado, which is just west of the center of the U.S.		\| base_alt = Located in north central Colorado, which is just west of the center of the U.S.
	\| base_caption = United States Locator Map		\| base_caption = United States Locator Map
	\| float = Red pog.svg		\| float = Red pog.svg
	\| float_width = 10px		\| float_width = 10px
	\| x = 95		\| x = 1
	\| y = 80		\| y = 80
	}}</pre>		}}</pre>
Line 22:		Line 22:
	\|		\|
	{{Superimpose		{{Superimpose
	\| base = ~~US_Locator_Blank~~.~~svg~~		\| base = 2020-01-10-Grand-Map-complete-hiRez.png
	\| base_width = ~~288px~~		\| base_width = 2000px
	\| base_alt = Located in north central Colorado, which ~~in turn~~ is just west of the center of the U.S.		\| base_alt = Located in north central Colorado, which is just west of the center of the U.S.
	\| base_caption = United States Locator Map		\| base_caption = United States Locator Map
	\| float = Red pog.svg		\| float = Red pog.svg
	\| float_width = 10px		\| float_width = 10px
	\| x = 95		\| x = 1
	\| y = 80		\| y = 80
	}}		}}

imported>William at 23:22, 14 January 2020

2020-01-14T23:22:07Z

← Older revision		Revision as of 23:22, 14 January 2020
Line 1:		Line 1:
	<!-- PLEASE ADD CATEGORIES AND INTERWIKIS AT THE BOTTOM OF THIS PAGE -->		<!-- PLEASE ADD CATEGORIES AND INTERWIKIS AT THE BOTTOM OF THIS PAGE -->

	'''~~{{tlf\|~~Superimpose}}''' is a utility template which superimposes one image on top another. The position of the superimposed image is relative to the top left corner of the underlying image. It is often used to display a location mark on a map image, but it can be used with any two images.		'''Superimpose''' is a utility template which superimposes one image on top another. The position of the superimposed image is relative to the top left corner of the underlying image. It is often used to display a location mark on a map image, but it can be used with any two images.

	==Usage==		==Usage==

imported>William at 23:21, 14 January 2020

2020-01-14T23:21:53Z

← Older revision		Revision as of 23:21, 14 January 2020
Line 1:		Line 1:
	~~{{Documentation subpage}}~~
	<!-- PLEASE ADD CATEGORIES AND INTERWIKIS AT THE BOTTOM OF THIS PAGE -->		<!-- PLEASE ADD CATEGORIES AND INTERWIKIS AT THE BOTTOM OF THIS PAGE -->

imported>William: Created page with "{{Documentation subpage}} '''{{tlf|Superimpose}}''' is a utility template which superimposes one imag..."

2020-01-14T23:21:38Z

Created page with "{{Documentation subpage}}  '''{{tlf|Superimpose}}''' is a utility template which superimposes one imag..."

New page

{{Documentation subpage}}


'''{{tlf|Superimpose}}''' is a utility template which superimposes one image on top another. The position of the superimposed image is relative to the top left corner of the underlying image. It is often used to display a location mark on a map image, but it can be used with any two images.

==Usage==

===Example 1===

{| style="width: 100%; margin-top: 1em"
|<pre style="margin-top: 0">
{{Superimpose
| base = US_Locator_Blank.svg
| base_width = 288px
| base_alt = Located in north central Colorado, which is just west of the center of the U.S.
| base_caption = United States Locator Map
| float = Red pog.svg
| float_width = 10px
| x = 95
| y = 80
}}</pre>
|-
|
{{Superimpose
| base = US_Locator_Blank.svg
| base_width = 288px
| base_alt = Located in north central Colorado, which in turn is just west of the center of the U.S.
| base_caption = United States Locator Map
| float = Red pog.svg
| float_width = 10px
| x = 95
| y = 80
}}
|}
{{clear}}

===Example 2===
{| style="width: 100%; margin-top: 1em"
|<pre style="margin-top: 0">
{{Superimpose
| align = center
| base = Riksveier Hedmark Sør-Trøndelag.svg
| width = 180px
| base_link = File:Riksveier Hedmark Sør-Trøndelag.svg
| float = Loc Rv3.svg
| float_link = File:Loc Rv3.svg
}}
</pre>
|-
|{{Superimpose
| align = center
| base = Riksveier Hedmark Sør-Trøndelag.svg
| width = 180px
| base_link = File:Riksveier Hedmark Sør-Trøndelag.svg
| float = Loc Rv3.svg
| float_link = File:Loc Rv3.svg
}}
|}

=== Using the Template ===

To get started, you can simply copy this blank definition into your page, and fill in the data.
{{col-float|width=18em}}
<pre style="width: 15em;">
{{Superimpose
| align =
| base =
| base_width =
| base_alt =
| base_caption =
| float =
| float_width =
| x =
| y =
}}
</pre>
{{col-float-break|width=3em}}
or
{{col-float-break|width=18em}}
<pre style="width: 15em;">
{{Superimpose
| align =
| width =
| base =
| float =
| float_caption =
}}
</pre>
{{col-float-end}}

The following blank definition includes all the parameters, including those less-commonly used.

<pre style="width: 15em;">
{{Superimpose
| align =
| width =
| base =
| base_width =
| base_alt =
| base_caption =
| base_link =
| float =
| float_alt =
| float_width =
| float_caption =
| float_link =
| x =
| y =
}}
</pre>

=== Parameter definitions ===
* '''align:''' left, right, center, or none
* '''base:''' File name of the base (underlying) image.
* '''base_width:''' Width to display the base image, in [[pixel]]s. If not specified, then defaults to the '''width'''.
* '''base_alt:''' [[Alt text]] for the image, for visually users; see [[WP:ALT]]. This should describe the composite image.
* '''base_caption:''' Text to show when the mouse courser hovers over the base image; ignored if '''base_link''' is specified to be empty.
* '''base_link:''' Name of page that the user will be sent to if they click on the base image. The special value "<code>file:</code>", stands for the file page for the base image. If empty, nothing happens if the user clicks on the base image. The default is "<code>file:</code>".
* '''float:''' File name of the superimposed image.
* '''float_width:''' Width to display the superimposed image, in pixels, e.g. <code>10px</code>. If not specified, then defaults to the '''width'''.
* '''float_alt:''' Alt text for the superimposed image. This is needed only if '''float_link''' is nonempty. Normally the alt text for the base image describes the combination of the two images, and this parameter is not needed.
* '''float_caption:''' Text to show when the mouse courser hovers over the superimposed image; ignored if '''float_link''' is missing or empty
* '''float_link:''' Name of page that the user will be sent to if they click on the superimposed image. This acts like '''base_link''', except it is for the top image, and it defaults to empty.
* '''width:''' Default width for both the base and float. This is not required if '''base_width''' and '''float_width''' are both specified.
* '''x:''' distance to offset the left edge of the superimposed image from the left edge of the base image, in pixels or any other [http://w3schools.com/cssref/css_units.asp CSS units].
* '''y:''' distance to offset the top edge of the superimposed image from the top edge of the base image, in pixels or any other CSS units.

== Tracking category ==
* {{Category link with count|Pages using superimpose with unknown parameters}}

== See also ==
* {{tl|Annotated image}}, allows text notes to overlap image, allows cropping
* {{tl|Superimpose2}}, supports more layer superimposition.
* {{tl|Location map}}, places a mark on a map at the specified geographical coordinates.
* {{tl|Location map+}}, places one or more marks on a map at the specified geographical coordinates.
* {{tl|Location mark}}, places a mark on a map using relative coordinates.
* {{tl|Location mark+}}, one or more marks on a map using relative coordinates.
* {{tl|Site plan}}, related template which superimposes one image on another with different features
* {{tl|Overlay}}, allows multiple annotations to be placed over an image with a legend

<includeonly>

[[Category:Graphics templates]]
</includeonly>