Template:ImageLink: Difference between revisions

From Baldur's Gate 3 Wiki
Jump to navigation Jump to search
(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...")
 
No edit summary
Line 3: Line 3:
>[[File:{{{1}}}|{{{w|100}}}x{{{h|100}}}px|{{{3|{{{2}}}}}}|link={{{2}}}]]</div>
>[[File:{{{1}}}|{{{w|100}}}x{{{h|100}}}px|{{{3|{{{2}}}}}}|link={{{2}}}]]</div>
<div style="width: {{{w|100}}}px; text-align: center; overflow: hidden;"
<div style="width: {{{w|100}}}px; text-align: center; overflow: hidden;"
>[[{{{3|{{{2}}}}}}|{{{3|{{{2}}}}}}]]</div>
>[[{{{2}}}|{{{3|{{{2}}}}}}]]</div>
</div></includeonly><noinclude>
</div></includeonly><noinclude>
This template allows you to add images on top of links.
This template allows you to add images on top of links.
Line 23: Line 23:
----
----


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


  <nowiki>{{ImageLink|Frenzy Icon.png|Origins|w=50}}</nowiki>
  <nowiki>{{ImageLink|Frenzy Icon.png|Origins|w=50}}</nowiki>

Revision as of 23:58, 21 July 2023

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:

Origins
Backgrounds

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

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

Result:

Origins
Backgrounds

Limiting height only:

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

Result:

Origins
Backgrounds

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:

Origins
Backgrounds