Difference between revisions of "Template:Stacked image"
Jump to navigation
Jump to search
(Created page with "<includeonly><div style="float: left; position: relative; width: {{{3|{{{width|300px}}}}}}px;">File:{{PAGENAME:{{{1|{{{bottom image<noinclude>|Example.png</noinclude>}}}}}}}...") |
|||
| (5 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | <includeonly><div style="float: | + | <includeonly><div style="float: {{{6|{{{float|none}}}}}}; position: relative; left: {{{7|{{{padding|0}}}}}}px; width: {{{3|{{{width|300}}}}}}px;">[[File:{{PAGENAME:{{{1|{{{bottom image}}}}}}}}|right|{{{3|{{{width|300}}}}}}px|{{{4| {{{caption|}}} }}}]] |
| − | <div style="float: right; position: absolute; width: {{{3|{{{width| | + | <div style="float: right; position: absolute; width: {{{3|{{{width|300}}}}}}px;">[[File:{{PAGENAME:{{{2|{{{top image}}}}}}}}|right|{{{3|{{{width|300}}}}}}px|{{{4|{{{caption|}}} }}}|link={{{5| {{{link|File:{{PAGENAME:{{{1|{{{bottom image}}}}}}}}}}} }}}]]</div></div></includeonly><noinclude>{{Documentation}}</noinclude> |
| − | |||
| − | |||
| − | </div> | ||
| − | </includeonly> | ||
| − | <noinclude> | ||
| − | {{ | ||
| − | |||
Latest revision as of 14:31, 7 March 2023
Template documentationAs the name implies, this template allows for the stacking of images. It is based on Wikipedia's Template:Stacked image
Note that at this time, the sizes of the image have to be the same.
Parameters[edit]
The template takes the following parameters either unnamed in this order, or named in any order. Best practice is to maintain this order regardless.
- bottom image: Mandatory
- top image: Mandatory
- width: Optional. Defined in px. Defaults to 300
- caption: Caption to display on mouse hover. Optional. Defaults to link.
- link: Optional. Defaults to link to bottom image used.
- float: Optional. Defaults to none. Typically only none, left, and right will be necessary.
- padding: Add padding to the left of the stacked image, measured in pixels. Positive moves it right, negative moves it right. Optional. Defaults to 0.
Examples[edit]
Named[edit]
{{Stacked image|bottom image=GeneBackground Endogene.png|top image=Gene DeadCalm.png|width=48|caption=Example text|link=Genes#Dead calm}}
Produces:
Unnamed[edit]
{{Stacked image|GeneBackground ArchiteGene.png|Gene Ageless.png|128|Example text|Genes#Ageless}}
Produces:
Float right[edit]
{{Stacked image|GeneBackground Xenogene.png|Gene Depressive.png|64|Example text|Genes#Very unhappy|right}}
Produces:
Padding[edit]
 |
|
| Unpadded | Padded |
| The above documentation is transcluded from Template:Stacked image/doc. (edit | history) Editors can experiment in this template's sandbox (create | mirror) and testcases (create) pages. Please add categories to the /doc subpage. Subpages of this template. |