Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:ImageText

Template page
Revision as of 15:38, 17 September 2023 by Taylan (talk | contribs)

This template allows you to add images on top of a piece of text.

The element will be an inline block, meaning several can appear in one line. You can give them all a specific width and height to get a nice consistent layout.


Standard width/height is 100:

{{ImageText | Frenzy Icon.png | Origins }}
{{ImageText | Defensive Duellist Icon.png | Backgrounds }}
{{ImageText | Passive Feature Generic Icon.png | Just a test with very very long text }}

Result:

Origins
Origins
Backgrounds
Backgrounds
Just a test with very very long text
Just a test with very very long text

Limiting width only; note this may cause the text to overflow as seen here:

{{ImageText | Frenzy Icon.png | Origins | w = 50 }}
{{ImageText | Defensive Duellist Icon.png | Backgrounds | w = 50 }}

Result:

Origins
Origins
Backgrounds
Backgrounds

Limiting height only:

{{ImageText | Frenzy Icon.png | Origins | h = 50 }}
{{ImageText | Defensive Duellist Icon.png | Backgrounds | h = 50 }}

Result:

Origins
Origins
Backgrounds
Backgrounds

Limiting width and height:

{{ImageText | Frenzy Icon.png | Origins | w = 50 | h = 50 }}
{{ImageText | Defensive Duellist Icon.png | Backgrounds | w = 50 | h = 50 }}

Result:

Origins
Origins
Backgrounds
Backgrounds

You might have noticed the text is often too wide for the icon... You can specify a font size:

{{ImageText | Frenzy Icon.png | Origins | w = 80 | h = 80 | font size = 80% }}
{{ImageText | Defensive Duellist Icon.png | Backgrounds | w = 80 | h = 80 | font size = 80% }}

Result:

Origins
Origins
Backgrounds
Backgrounds