Template:IconHover: Difference between revisions
From Elwiki
Shironsaki (talk | contribs) m (Shironsaki moved page Template:ImageHover to Template:IconHover without leaving a redirect) |
Shironsaki (talk | contribs) No edit summary |
||
Line 2: | Line 2: | ||
<tr> | <tr> | ||
<span class="fadeout" style="position: absolute; width: {{{width|}}}"> | <span class="fadeout" style="position: absolute; width: {{{width|}}}"> | ||
[[File:{{{image-up|LKNEW.png}}}|{{{width| | [[File:{{{image-up|LKNEW.png}}}|{{{width|54px}}}{{#if:{{{link|}}}|{{!}}link={{{link}}}}}{{#if:{{{title|}}}|{{!}}{{{title}}}}}]] | ||
</span> | </span> | ||
<span class="fadein" style="width: {{{width|}}}"> | <span class="fadein" style="width: {{{width|}}}"> | ||
[[File:{{{image-down|LKTransNEW.png}}}|{{{width| | [[File:{{{image-down|LKTransNEW.png}}}|{{{width|54px}}}]] | ||
</span> | </span> | ||
</tr> | </tr> | ||
Line 21: | Line 21: | ||
*'''image-up''': the top image file link. | *'''image-up''': the top image file link. | ||
*'''image-down''': the bottom image file link. | *'''image-down''': the bottom image file link. | ||
*'''width''': thewidth of the images (the default is | *'''width''': thewidth of the images (the default is 54px). | ||
*'''link''': a link when pressing the button. | *'''link''': a link when pressing the button. | ||
*'''title''': a title that will appear when hovering above the button. | *'''title''': a title that will appear when hovering above the button. | ||
*'''style''': extra style for the table. | *'''style''': extra style for the table. | ||
All of those parameters are optional. By default they display a red | All of those parameters are optional. By default they display a red 54px button.<br /> | ||
Please note that the sizes of image 1 and image 2 '''should''' be the same. | Please note that the sizes of image 1 and image 2 '''should''' be the same. | ||
Revision as of 08:57, 10 February 2017
File:LKNEW.png
File:LKTransNEW.png
{{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.