Difference between revisions of "Template:Stacked image"

From RimWorld Wiki
Jump to navigation Jump to search
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly><div style="float: left; position: relative; width: {{{3|{{{width|300}}}}}}px;">[[File:{{PAGENAME:{{{1|{{{bottom image}}}}}}}}|right|{{{3|{{{width|300}}}}}}px|{{{4| {{{caption}}} }}}]]
+
<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|300}}}}}}px;">[[File:{{PAGENAME:{{{2|{{{top image}}}}}}}}|right|{{{3|{{{width|300}}}}}}px|{{{4|{{{caption}}} }}}|link={{{5| {{{link|File:{{PAGENAME:{{{1|{{{bottom image}}}}}}}}}}} }}}]]</div>
+
<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>
 
{{Stacked image|bottom image=GeneBackground Endogene.png|top image=Gene DeadCalm.png|width=48|caption=Example text|link=Genes#Dead calm}}
 
 
 
{{Stacked image|GeneBackground ArchiteGene.png|Gene Ageless.png|128|Example text}}
 
<div style="float: right;">{{Stacked image|GeneBackground Xenogene.png|Gene Depressive.png|128|Example text|Genes#Very unhappy}}</div>
 
 
 
{{Documentation}}</noinclude>
 

Latest revision as of 14:31, 7 March 2023

Documentation icon Template documentation[view] [edit] [history] [purge]

As 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:

Example text
Example text

Unnamed[edit]

{{Stacked image|GeneBackground ArchiteGene.png|Gene Ageless.png|128|Example text|Genes#Ageless}}

Produces:

Example text
Example text

Float right[edit]

{{Stacked image|GeneBackground Xenogene.png|Gene Depressive.png|64|Example text|Genes#Very unhappy|right}}

Produces:

Example text
Example text

Padding[edit]

Example text
Example text
Example text
Example text
Unpadded Padded