Template:IconHover: Difference between revisions

← Older edit

Template:IconHover (view source)

Revision as of 23:21, 23 November 2022

509 bytes removed , 23 November 2022

no edit summary

VisualWikitext

Bluhen

ElEditors

8,317

edits

@@ 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.