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

Template:ImageLink

Template page
Revision as of 23:48, 21 July 2023 by Taylan (talk | contribs) (Created page with "<includeonly><div style="display: inline-block;"> <div style="display: flex; justify-content: center; align-items: center; width: {{{w|100}}}px; height: {{{h|100}}}px;" >[[File:{{{1}}}|{{{w|100}}}x{{{h|100}}}px|{{{3|{{{2}}}}}}|link={{{2}}}]]</div> <div style="width: {{{w|100}}}px; text-align: center; overflow: hidden;" >[[{{{3|{{{2}}}}}}|{{{3|{{{2}}}}}}]]</div> </div></includeonly><noinclude> This template allows you to add images on top of links. The element will be an...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

This template allows you to add images on top of links.

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:

{{ImageLink|Frenzy Icon.png|Origins}}
{{ImageLink|Defensive Duellist Icon.png|Character Creation#Backgrounds|Backgrounds}}

Result:


Limiting width only:

{{ImageLink|Frenzy Icon.png|Origins|w=50}}
{{ImageLink|Defensive Duellist Icon.png|Character Creation#Backgrounds|Backgrounds|w=50}}

Result:


Limiting height only:

{{ImageLink|Frenzy Icon.png|Origins|h=50}}
{{ImageLink|Defensive Duellist Icon.png|Character Creation#Backgrounds|Backgrounds|h=50}}

Result:


Limiting width and height:

{{ImageLink|Frenzy Icon.png|Origins|w=50|h=50}}
{{ImageLink|Defensive Duellist Icon.png|Character Creation#Backgrounds|Backgrounds|w=50|h=50}}

Result: