Template:ImageText: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
(need to save progress) |
||
| Line 1: | Line 1: | ||
<includeonly><div class="lodwiki-imagetext" style="display: inline-table; margin: 5px;"> | <includeonly><div class="lodwiki-imagetext" style="display: inline-table; margin: 5px;"> | ||
<div class="lodwiki-imagetext-image" style="display: flex; justify-content: center; align-items: center; width: {{{w| | <div class="lodwiki-imagetext-image" style="display: flex; justify-content: center; align-items: center; width: {{{w|120}}}px; height: {{{h|150}}}px;" | ||
>[[File:{{{1}}} |{{{2}}}|link={{{link|}}}]]</div> | >[[File:{{{1}}}|{{{w|120}}}x{{{h|150}}}px|{{{2}}}|link={{{link|}}}]]</div> | ||
<div class="lodwiki-imagetext-text" style="width: {{{w| | <div class="lodwiki-imagetext-text" style="width: {{{w|120}}}px; text-align: center; {{#if: {{{font size|}}} | font-size: {{{font size}}}; }}" | ||
>{{#if: {{{link|}}} | [[{{{link}}}|{{{2}}}]] | {{{2}}} }}</div> | >{{#if: {{{link|}}} | [[{{{link}}}|{{{2}}}]] | {{{2}}} }}</div> | ||
</div></includeonly><noinclude> | </div></includeonly><noinclude> | ||
| Line 15: | Line 15: | ||
<pre> | <pre> | ||
{{ImageText | | {{ImageText | Frenzy Icon.png | Dart}} | ||
{{ImageText | Defensive Duellist Icon.png | | {{ImageText | Defensive Duellist Icon.png | Villians}} | ||
{{ImageText | Passive Feature Generic Icon.png | Just a test with very very long text }} | {{ImageText | Passive Feature Generic Icon.png | Just a test with very very long text }} | ||
</pre> | </pre> | ||
| Line 22: | Line 22: | ||
Result: | Result: | ||
{{ImageText | | {{ImageText | DartFeld120x150.jpg | Dart | }} | ||
{{ImageText | | {{ImageText | Meru120x150.jpg | Villians }} | ||
{{ImageText | Passive Feature Generic Icon.png | Just a test with very very long text }} | {{ImageText | Passive Feature Generic Icon.png | Just a test with very very long text }} | ||
Revision as of 04:03, 23 February 2024
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 | Dart}}
{{ImageText | Defensive Duellist Icon.png | Villians}}
{{ImageText | Passive Feature Generic Icon.png | Just a test with very very long text }}
Result:
{{#if: | [[{{{link}}}| Dart ]] | Dart }}
{{#if: | [[{{{link}}}| Villians ]] | Villians }}
{{#if: | [[{{{link}}}| Just a test with very very long text ]] | Just a test with very very long text }}