Template:IconHover: Difference between revisions
From Elwiki
Gameboy224 (talk | contribs) m (Text replacement - "LKTransNEW" to "Icon - Lord Knight (Trans)") Tags: Mobile edit Mobile web edit |
No edit summary |
||
| Line 1: | Line 1: | ||
<table style="display: block-table; {{#if:{{{style|}}}|{{{style}}}}}"> | <table style="display: block-table; {{#if:{{{style|}}}|{{{style}}}}}"> | ||
<tr> | <tr> | ||
<p class="fadeout-container {{#ifeq:{{{hidebottom}}}|true|fadeout-hide-bottom}}"> | |||
<span class="fadeout" style="position: absolute; width: {{{width|}}}"> | <span class="fadeout" style="position: absolute; width: {{{width|}}}"> | ||
[[File:{{{image-up|Icon - Lord Knight.png}}}|{{{width|54px}}}{{#if:{{{link|}}}|{{!}}link={{{link}}}}}{{#if:{{{title|}}}|{{!}}{{{title}}}}}]] | [[File:{{{image-up|Icon - Lord Knight.png}}}|{{{width|54px}}}{{#if:{{{link|}}}|{{!}}link={{{link}}}}}{{#if:{{{title|}}}|{{!}}{{{title}}}}}]] | ||
| Line 7: | Line 8: | ||
[[File:{{{image-down|Icon - Lord Knight (Trans).png}}}|{{{width|54px}}}]] | [[File:{{{image-down|Icon - Lord Knight (Trans).png}}}|{{{width|54px}}}]] | ||
</span> | </span> | ||
</p> | |||
</tr> | </tr> | ||
</table><noinclude> | </table> | ||
<noinclude> | |||
<pre> | <pre> | ||
{{ImageHover | {{ImageHover | ||
| Line 32: | Line 35: | ||
<pre>|hidebottom= true</pre> | <pre>|hidebottom= true</pre> | ||
However, it will not be displayed this way in editing mode. | However, it will not be displayed this way in editing mode. | ||
</noinclude> | |||
Revision as of 16:59, 1 December 2021
.png){kind=spacer}
{{ImageHover
|image-up=
|image-down=
|width=
|link=
|title=
|style=
}}
- image-up: the top image file link.
- image-down: the bottom image file link.
- width: thewidth of the images (the default is 54px).
- link: a link when pressing the button.
- title: a title that will appear when hovering above the button.
- style: extra style for the table.
All of those parameters are optional. By default they display a red 54px button.
Please note that the sizes of image 1 and image 2 should be the same.
Hide bottom image
In order to hide the bottom image, and only show it when hovering above the top image, add another parameter:
|hidebottom= true
However, it will not be displayed this way in editing mode.
