Template:IconHover: Difference between revisions
From Elwiki
Tag: Undo |
No edit summary |
||
Line 1: | Line 1: | ||
<table style="display: block-table; {{#if:{{{style|}}}|{{{style}}}}}"> | <div style="position:relative;"><table style="display: block-table; {{#if:{{{style|}}}|{{{style}}}}}"> | ||
<tr> | <tr> | ||
<p class="fadeout-container {{#ifeq:{{{hidebottom}}}|true|fadeout-hide-bottom}}"> | <p class="fadeout-container {{#ifeq:{{{hidebottom}}}|true|fadeout-hide-bottom}}"> | ||
Line 10: | Line 10: | ||
</p> | </p> | ||
</tr> | </tr> | ||
</table> | </table></div> | ||
<noinclude> | <noinclude> | ||
<pre> | <pre> |
Revision as of 00:23, 12 September 2022
{{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.