https://twentyonewiki.info/index.php?action=history&feed=atom&title=Template%3AHover_info
Template:Hover info - Revision history
2026-04-16T18:05:08Z
Revision history for this page on the wiki
MediaWiki 1.40.1
https://twentyonewiki.info/index.php?title=Template:Hover_info&diff=3464&oldid=prev
Buburka Rinderbuy: 1 revision imported
2024-02-10T06:58:35Z
<p>1 revision imported</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 02:58, 10 February 2024</td>
</tr>
<!-- diff cache key twenizlx_mw1497-mw20_:diff::1.12:old-3463:rev-3464 -->
</table>
Buburka Rinderbuy
https://twentyonewiki.info/index.php?title=Template:Hover_info&diff=3463&oldid=prev
190.159.239.204 at 21:06, 26 July 2017
2017-07-26T21:06:32Z
<p></p>
<p><b>New page</b></p><div><{{{el|span}}} class='hoverbox hover-info' style='position: relative'><!--<br />
-->{{{text|[[File:Info Simple bw.svg|16px|sub|link=]]}}}<!--<br />
--><{{{el|span}}} class=hoveritem style='position: absolute; top: 1em; left: -0.9em; z-index: 1; {{{style|}}}'><!--<br />
--><{{{el|span}}} style='display: block; margin: 0.6em 1em 0 1em; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgb(130, 130, 130); {{{arrow style|}}}' class=hover-info-arrow>&nbsp;</{{{el|span}}}><!--<br />
--><{{{el|span}}} style='display: block; border: solid 2px rgb(130, 130, 130); border-radius: 3px; background-color: white; box-shadow: 0 0 10px rgb(130, 130, 130); padding: 5px; margin: 0 0.5em 0.5em 0.5em; white-space: nowrap; {{{box style|}}}' class=hover-info-box>{{{1}}}</{{{el|span}}}><!--<br />
--></{{{el|span}}}><!--<br />
--></{{{el|span}}}><noinclude><br />
{{documentation|content=<br />
Type {{tlx|Hover info|text}} to display an “i” icon which expands to show a box with text when you hover over it.<br />
<br />
== Examples ==<br />
* {{Hover info|This text will display when you hover over the “i” icon.}}: {{tlx|Hover info|This message will display when you hover over the “i” icon.}}<br />
* {{Hover info|text=[[File:Pictogram voting question.svg|16px|sub|link=]]|Help text}}: {{tlx|Hover info|2=text=<nowiki>[[File:Pictogram voting question.svg|16px|sub|link=]]</nowiki>|3=Help text}}<br />
* {{Hover info|text=Hover over me.|This text will display when you hover over the “Hover over me” text.}}: {{tlx|Hover info|2=text=Hover over me|3=This message will display when you hover over the “Hover over me” text.}}<br />
<br />
== Subtemplate examples ==<br />
This template can be used in more-specific templates.<br />
<br />
=== Dashed text ===<br />
{{Hover info<br />
| text = <span style='border-bottom: dashed thin black;'>More information</span><br />
| This message will display when you hover over the “More information” text.<br />
}}<br />
<pre><br />
{{Hover info<br />
| text = <span style='border-bottom: dashed thin black;'>{{{1|More information}}}</span><br />
| {{{2|This message will display when you hover over the “More information” text.}}}<br />
}}<br />
</pre><br />
This would be used as <code><nowiki>{{hover text|More information|message}}</nowiki></code>.<br />
<br />
=== Audio player ===<br />
<div>The state of {{Hover info<br />
| text = <span class='hoveritem selected'>[[File:Loudspeaker light.svg|13px|text-top|link=]]&#x202F;Alabama</span><!--<br />
--><span class='hoveritem'>[[File:Loudspeaker light blue.svg|13px|text-top|link=en-us-Alabama.ogg]]&#x202F;[[:File:en-us-Alabama.ogg|Alabama]]</span><br />
| 1 = [[File:en-us-Alabama.ogg|35px]]<!--<br />
--><div style='font-size: x-small; text-align: center; line-height: 1.2em; padding-top: 0.3em'>[[:File:en-us-Alabama.ogg|<span style='color: rgb(255, 255, 255)'>file info</span>]]</div><br />
| el = div<br />
| style = top: 1.3em<br />
| arrow style = margin-top: 0.3em<br />
| box style = padding: 0; background-color: rgb(130, 130, 130)<br />
}} is known for ….</div><br />
<div>A longer player: {{Hover info<br />
| text = <span class='hoveritem selected'>[[File:Loudspeaker light.svg|13px|text-top|link=]]&#x202F;Alabama</span><!--<br />
--><span class='hoveritem'>[[File:Loudspeaker light blue.svg|13px|text-top|link=en-us-Alabama.ogg]]&#x202F;[[:File:en-us-Alabama.ogg|Alabama]]</span><br />
| 1 = [[File:en-us-Alabama.ogg|300px]]<!--<br />
--><div style='font-size: x-small; text-align: center; line-height: 1.2em; padding-top: 0.3em'>[[:File:en-us-Alabama.ogg|<span style='color: rgb(255, 255, 255)'>file info</span>]]</div><br />
| el = div<br />
| style = top: 1.3em<br />
| arrow style = margin-top: 0.3em<br />
| box style = padding: 0; background-color: rgb(130, 130, 130)<br />
}}.</div><br />
<pre><br />
{{Hover info<br />
| text = <span class='hoveritem selected'>[[File:Loudspeaker light.svg|13px|text-top|link=]]&amp;#x202F;{{{1|Alabama}}}</span><!--<br />
--><span class='hoveritem'>[[File:Loudspeaker light blue.svg|13px|text-top|link={{{2|en-us-Alabama.ogg}}}]]&amp;#x202F;[[:{{{2|File:en-us-Alabama.ogg}}}|{{{1|Alabama}}}]]</span><br />
| 1 = [[File:{{{2|en-us-Alabama.ogg}}}|{{{size|45px}}}]]<!--<br />
--><div style='font-size: x-small; text-align: center; line-height: 1.2em; padding-top: 0.3em'>[[:File:{{{2|en-us-Alabama.ogg}}}|<span style='color: rgb(255, 255, 255)'>file info</span>]]</div><br />
| el = div<br />
| style = top: 1.3em<br />
| arrow style = margin-top: 0.3em<br />
| box style = padding: 0; background-color: rgb(130, 130, 130)<br />
}}<br />
</pre><br />
This would be used as:<br />
<pre><div>The state of {{hover audio|Alabama|en-us-Alabama.ogg}} is known for ….</div></pre><br />
<pre><div>A longer player: {{hover audio|Alabama|en-us-Alabama.ogg|size=300px}}.</div></pre><br />
<br />
== Dependencies ==<br />
* [[MediaWiki:Common.css/Hoverbox.css]]<br />
}}<br />
[[Category:Note templates]]<br />
</noinclude></div>
190.159.239.204