Anonymous

Template:IconHover: Difference between revisions

From Elwiki
no edit summary
No edit summary
No edit summary
Tag: Manual revert
 
(26 intermediate revisions by 4 users not shown)
Line 1: Line 1:
<table style="display: block-table; {{#if:{{{style|}}}|{{{style}}}}}">
<includeonly>{{#css:
<tr>
.fadeout-container:hover .fadeout {
<span class="fadeout" style="position: absolute; width: {{{width|}}}">
    z-index: initial!important;
[[File:{{{image-up|LKNEW.png}}}|{{{width|54px}}}{{#if:{{{link|}}}|{{!}}link={{{link}}}}}{{#if:{{{title|}}}|{{!}}{{{title}}}}}]]
}
</span>
}}<div style="position:relative;"><table style="display: block-table; {{#if:{{{style|}}}|{{{style}}}}}"><tr><p class="fadeout-container {{#ifeq:{{{hidebottom}}}|true|fadeout-hide-bottom}}" style="display:inline-block;"><span class="fadeout" style="position: absolute; width: {{{width|}}}">[[File:{{{image-up|Dunno.png}}}|{{{width|54px}}}|link={{#if:{{{link|}}}|{{{link}}}}}{{#if:{{{title|}}}|{{!}}{{{title}}}}}]]</span><span class="fadein" style="width: {{{width|}}}">[[File:{{{image-down|TransShared.png}}}|{{{width|54px}}}]]</span></p></tr></table></div></includeonly><noinclude>{{Doc}}</noinclude>
<span class="fadein" style="width: {{{width|}}}">
[[File:{{{image-down|LKTransNEW.png}}}|{{{width|54px}}}]]
</span>
</tr>
</table><noinclude>
<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 />
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:
<pre>|hidebottom= true</pre>
However, it will not be displayed this way in editing mode.
ElEditors
8,317

edits