Template:IconHover/doc: Difference between revisions

From Elwiki
(Created page with "<pre> {{ImageHover |image-up= |image-down= |width= |link= |title= |style= }} </pre> *'''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.<br...")
 
No edit summary
 
Line 1: Line 1:
{{IconHover
|image-up=Icon - Lord Knight.png
|image-down=Icon - Lord Knight (Trans).png
}}
<pre>
<pre>
{{ImageHover
{{IconHover
|image-up=
|image-up=
|image-down=
|image-down=
Line 11: Line 15:
*'''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 54px).
*'''width''': the width of the images. (54px by default)
*'''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 54px button.<br />
All of these parameters are optional.<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.



Latest revision as of 00:33, 12 September 2022

{{IconHover
|image-up=
|image-down=
|width=
|link=
|title=
|style=
}}
  • image-up: the top image file link.
  • image-down: the bottom image file link.
  • width: the width of the images. (54px by default)
  • 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 these parameters are optional.
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.