Difference between revisions of "Template:Stacked image/doc"

From RimWorld Wiki
Jump to navigation Jump to search
(Created page with "{{Stacked image|bottom image=GeneBackground Endogene.png|top image=Gene DeadCalm.png|width=48|caption=Example text|link=Genes#Dead calm}} {{Stacked image|GeneBackground Archi...")
 
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
As the name implies, this template allows for the stacking of images. It is based on [https://en.wikipedia.org/wiki/Template:Stacked_image Wikipedia's Template:Stacked image]
 +
 +
Note that at this time, the sizes of the image have to be the same.
 +
 +
== Parameters ==
 +
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 ==
 +
=== Named ===
 +
<pre>{{Stacked image|bottom image=GeneBackground Endogene.png|top image=Gene DeadCalm.png|width=48|caption=Example text|link=Genes#Dead calm}}</pre>
 +
Produces:
 
{{Stacked image|bottom image=GeneBackground Endogene.png|top image=Gene DeadCalm.png|width=48|caption=Example text|link=Genes#Dead calm}}
 
{{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}}
+
=== Unnamed ===
<div style="float: right;">{{Stacked image|GeneBackground Xenogene.png|Gene Depressive.png|128|Example text|Genes#Very unhappy}}</div>
+
<pre>{{Stacked image|GeneBackground ArchiteGene.png|Gene Ageless.png|128|Example text|Genes#Ageless}}</pre>
 +
Produces:
 +
{{Stacked image|GeneBackground ArchiteGene.png|Gene Ageless.png|128|Example text|Genes#Ageless}}
 +
 
 +
=== Float right ===
 +
<pre>{{Stacked image|GeneBackground Xenogene.png|Gene Depressive.png|64|Example text|Genes#Very unhappy|right}}</pre>
 +
Produces:
 +
{{Stacked image|GeneBackground Xenogene.png|Gene Depressive.png|64|Example text|Genes#Very unhappy|right}}
  
 +
=== Padding ===
 +
{| class="wikitable" style="text-align: center;"
 +
|-
 +
| width=100px height=50px | {{Stacked image|GeneBackground Xenogene.png|Gene WoundHealingRateSuperfast.png|64|Example text|Genes#Superfast wound healing}}
 +
| width=100px height=50px | {{Stacked image|GeneBackground Xenogene.png|Gene WoundHealingRateSuperfast.png|64|Example text|Genes#Superfast wound healing||20}}
 +
|-
 +
| Unpadded
 +
| Padded
 +
|}
  
 
<noinclude>[[Category: Template documentation]]</noinclude>
 
<noinclude>[[Category: Template documentation]]</noinclude>
 
<includeonly>[[Category: Formatting templates]]</includeonly>
 
<includeonly>[[Category: Formatting templates]]</includeonly>

Latest revision as of 14:33, 7 March 2023

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