Template:ImageText
Jump to navigation
Jump to search
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](/w/images/thumb/b/bb/Frenzy_Icon.png/100px-Frenzy_Icon.png)
Origins
![Backgrounds Backgrounds](/w/images/thumb/c/c7/Defensive_Duellist_Icon.png/100px-Defensive_Duellist_Icon.png)
Backgrounds
![Just a test with very very long text Just a test with very very long text](/w/images/thumb/7/7e/Passive_Feature_Generic_Icon.png/100px-Passive_Feature_Generic_Icon.png)
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](/w/images/thumb/b/bb/Frenzy_Icon.png/50px-Frenzy_Icon.png)
Origins
![Backgrounds Backgrounds](/w/images/thumb/c/c7/Defensive_Duellist_Icon.png/50px-Defensive_Duellist_Icon.png)
Backgrounds
Limiting height only:
{{ImageText | Frenzy Icon.png | Origins | h = 50 }} {{ImageText | Defensive Duellist Icon.png | Backgrounds | h = 50 }}
Result:
![Origins Origins](/w/images/thumb/b/bb/Frenzy_Icon.png/50px-Frenzy_Icon.png)
Origins
![Backgrounds Backgrounds](/w/images/thumb/c/c7/Defensive_Duellist_Icon.png/50px-Defensive_Duellist_Icon.png)
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](/w/images/thumb/b/bb/Frenzy_Icon.png/50px-Frenzy_Icon.png)
Origins
![Backgrounds Backgrounds](/w/images/thumb/c/c7/Defensive_Duellist_Icon.png/50px-Defensive_Duellist_Icon.png)
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](/w/images/thumb/b/bb/Frenzy_Icon.png/80px-Frenzy_Icon.png)
Origins
![Backgrounds Backgrounds](/w/images/thumb/c/c7/Defensive_Duellist_Icon.png/80px-Defensive_Duellist_Icon.png)
Backgrounds