Willow: the mass documenting

2026-06-20T11:55:09Z

the mass documenting

← Older revision		Revision as of 11:55, 20 June 2026
Line 1:		Line 1:
	~~This template is~~ used to ~~place images or gifs aligned to the left of the page~~.~~<br>~~		'''<code>InlineImage</code> displays a single centered image (or GIF) with an optional caption underneath, used to illustrate menus and mechanics inside an article.'''
	~~A useful example of this is in [[Game Mechanics]].~~		__TOC__

			== Overview ==
			This template renders one image wrapped in a tidy block with an optional caption below it. The image is responsive (scales down on small screens) and its link is disabled so clicking it does nothing. It is used on walkthrough/explainer pages such as [[Editor Docs]], [[Economy]], [[The Nexus]] and [[Seasonal Events]] to show screenshots and demonstration GIFs.

	~~Hello~~! ~~I love making images and files. Here's an example of that~~!		== Parameters ==
	~~{{InlineImage~~\|file~~=SpinningQuestion~~.gif\|size~~=300px~~\|caption~~=Wow~~, ~~look at~~ this ~~awesome gif!}~~}		{\| class="wikitable"
			! Parameter !! Required? !! What it does !! Example
			\|-
			\| <code>file</code> \|\| Required \|\| Full file name of the image '''including''' its extension (<code>.png</code>, <code>.gif</code>, etc.). \|\| <code>AHSell.png</code>
			\|-
			\| <code>size</code> \|\| Optional \|\| Display width. Defaults to <code>525px</code> if omitted. Use any standard MediaWiki size value. \|\| <code>384px</code>
			\|-
			\| <code>caption</code> \|\| Optional \|\| Text shown beneath the image. Supports wikitext, including <code><br></code> and links. Omit for no caption. \|\| <code>Press this icon to open the selling menu.</code>
			\|}

	~~I also love having my text formatted so nicely~~, ~~even though an image cuts through! But I need that image~~ for ~~information!~~		== How to use ==
			1. Set <code>file</code> to the exact uploaded file name '''with''' its extension — e.g. <code>file=TradingDemonstration.gif</code>. (Unlike {{tl\|ButtonHeader}}, this template does NOT add the extension for you.)
			2. Optionally set <code>size</code> to a pixel width such as <code>size=384px</code>. Leave it out to get the default <code>525px</code>.
			3. Optionally add a <code>caption</code>. You can include line breaks with <code><br></code> and wiki links like <code>[[The Nexus\|the Nexus]]</code>.
			4. The whole call can sit on a single line; no closing div is needed beyond the template's own <code>}}</code>.

			== Copy this ==
			<syntaxhighlight lang="wikitext" style="overflow:auto;">
			{{InlineImage
			\|file=
			\|size=
			\|caption=
			}}
			</syntaxhighlight>

	==Example ~~Shown~~==		== Example ==
	~~<syntaxhighlight lang="wikitext" style="overflow: auto;">~~		{{InlineImage\|file=AHSelling.png\|size=384px\|caption=Players can list items here by placing them in the slots, and selecting a glory amount to sell for in the button directly below the slot.}}
	{{InlineImage\|file=~~SpinningQuestion~~.~~gif~~\|size=~~300px~~\|caption=~~Wow~~, ~~look at this awesome gif!~~}}
	~~</syntaxhighlight>~~

	~~==Copy This==~~		<syntaxhighlight lang="wikitext" style="overflow:auto;">
	<syntaxhighlight lang="wikitext" style="overflow: auto;">		{{InlineImage\|file=AHSelling.png\|size=384px\|caption=Players can list items here by placing them in the slots, and selecting a glory amount to sell for in the button directly below the slot.}}
	{{InlineImage\|file=\|size=\|caption=}}
	</syntaxhighlight>		</syntaxhighlight>

	~~'''NOTE: Size is automatically 525px unless specified~~. ~~You can omit~~ the ~~parameter like~~ so~~:'''~~		== Tips & notes ==
	<~~syntaxhighlight lang="wikitext" style="overflow: auto~~;">		* Include the file extension in <code>file</code>. Writing <code>file=AHSelling</code> (no <code>.png</code>) will not resolve the image.
	{{~~InlineImage~~\|~~file=~~\|~~caption=~~}}		* The image link is disabled (<code>link=</code>), so readers cannot click through to the file page — this is intentional for clean walkthroughs.
	</~~syntaxhighlight>~~		* The template ends with a left-clear, so following content drops below the image automatically; you do not need your own <code><br clear></code>.
			* For animated demos, just point <code>file</code> at a <code>.gif</code> (e.g. <code>TradingDemonstration.gif</code>).
			* Related: {{tl\|ImageTooltip}} (hover-swap image with a tooltip), {{tl\|DynamicGifDisplay}} / {{tl\|TabGifDisplay}} (interactive GIF galleries).

imported>Dawning: (by SublimeText.Mediawiker)

2025-10-13T08:49:33Z

(by SublimeText.Mediawiker)

New page

This template is used to place images or gifs aligned to the left of the page.<br>
A useful example of this is in [[Game Mechanics]].

Hello! I love making images and files. Here's an example of that!
{{InlineImage|file=SpinningQuestion.gif|size=300px|caption=Wow, look at this awesome gif!}}

I also love having my text formatted so nicely, even though an image cuts through! But I need that image for information!

==Example Shown==
<syntaxhighlight lang="wikitext" style="overflow: auto;">
{{InlineImage|file=SpinningQuestion.gif|size=300px|caption=Wow, look at this awesome gif!}}
</syntaxhighlight>

==Copy This==
<syntaxhighlight lang="wikitext" style="overflow: auto;">
{{InlineImage|file=|size=|caption=}}
</syntaxhighlight>

'''NOTE: Size is automatically 525px unless specified. You can omit the parameter like so:'''
<syntaxhighlight lang="wikitext" style="overflow: auto;">
{{InlineImage|file=|caption=}}
</syntaxhighlight>

Template:InlineImage/doc - Revision history

Willow: the mass documenting

imported>Dawning: (by SublimeText.Mediawiker)