Template:IconHover: Difference between revisions

no edit summary
(Undo revision 437773 by Shironsaki (talk))
No edit summary
Tag: Manual revert
 
(32 intermediate revisions by 5 users not shown)
Line 1: Line 1:
<table style="display: inline-table; {{#if:{{{style|}}}|{{{style}}}}}">
<includeonly>{{#css:
<tr>
.fadeout-container:hover .fadeout {
<span class="fadeout" style="position: absolute; width: {{{width|120px}}}">[[File:{{{image-up|LKNEW.png}}}|{{{width|120px}}}{{#if:{{{link|}}}|{{!}}link={{{link}}}}}{{#if:{{{title|}}}|{{!}}{{{title}}}}}]]
    z-index: initial!important;
</span>
}
<span class="fadein" style="width: {{{width|120px}}}">
}}<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>
[[File:{{{image-down|LKTransNEW.png}}}|{{{width|120px}}}]]
</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 120px).
*'''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 120px 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.
 
==See also==
*[[Special:WhatLinksHere/Template:ButtonHover|What Links Here]]
</noinclude>
ElEditors
8,317

edits