Template:Hover: Difference between revisions
m (tables hate this one weird linebreak!) |
m (docs: you can use the named colors too, so let's reflect that in the sample usage) |
||
| Line 1: | Line 1: | ||
<includeonly><span class="has_popup" style="border-bottom:{{#ifeq:{{{secret|no}}}|yes|none|1px dotted}};">{{{1}}}<span class="popup" style="z-index:5; width:{{{width|{{#if:{{{text|}}}|150px|-1px}} }}}; padding:{{{padding|5px}}}; background-color:{{{bgcolor|#FFFFFF}}}; border:1px solid #DDDDDD; top:14px; text-align:center;">{{#if:{{{image|}}}|[[Image:{{{image|Buramu!.jpg}}}|{{{width|-1px}}}|center|{{#if:{{{link|}}}|{{#ifeq:{{{link|}}}|∅|link=|link={{{link}}} }} }}]]|{{{text|No text supplied!}}} }}</span></span></includeonly><noinclude>The '''Hover''' template is for popping up text or an image under the cursor when some text is hovered over by the reader. The text which should be hovered over is given first as an unnamed parameter. Then you pass either the parameter "text" with the desired popup text or "image" with the name of an image (no "<nowiki>[[Image:__]]</nowiki>" wrapper, just the file name). You cannot use both parameters. You can also control the padding with "padding" (specify the units, e.g. "5px") and background color with "bgcolor" (e.g. "#0C0C0C"). | <includeonly><span class="has_popup" style="border-bottom:{{#ifeq:{{{secret|no}}}|yes|none|1px dotted}};">{{{1}}}<span class="popup" style="z-index:5; width:{{{width|{{#if:{{{text|}}}|150px|-1px}} }}}; padding:{{{padding|5px}}}; background-color:{{{bgcolor|#FFFFFF}}}; border:1px solid #DDDDDD; top:14px; text-align:center;">{{#if:{{{image|}}}|[[Image:{{{image|Buramu!.jpg}}}|{{{width|-1px}}}|center|{{#if:{{{link|}}}|{{#ifeq:{{{link|}}}|∅|link=|link={{{link}}} }} }}]]|{{{text|No text supplied!}}} }}</span></span></includeonly><noinclude>The '''Hover''' template is for popping up text or an image under the cursor when some text is hovered over by the reader. The text which should be hovered over is given first as an unnamed parameter. Then you pass either the parameter "text" with the desired popup text or "image" with the name of an image (no "<nowiki>[[Image:__]]</nowiki>" wrapper, just the file name). You cannot use both parameters. You can also control the padding with "padding" (specify the units, e.g. "5px") and background color with "bgcolor" (e.g. "#0C0C0C" or "purple"). | ||
You have the following additional options if providing a text popup: | You have the following additional options if providing a text popup: | ||
| Line 12: | Line 12: | ||
Samples: | Samples: | ||
<tt><nowiki>{{Hover|Blam!|text=Oni crashed|bgcolor= | <tt><nowiki>{{Hover|Blam!|text=Oni crashed|bgcolor=lightgray}}</nowiki></tt><br> | ||
yields<br> | yields<br> | ||
{{Hover|Blam!|text=Oni crashed|bgcolor= | {{Hover|Blam!|text=Oni crashed|bgcolor=lightgray}} | ||
Revision as of 00:52, 3 December 2023
The Hover template is for popping up text or an image under the cursor when some text is hovered over by the reader. The text which should be hovered over is given first as an unnamed parameter. Then you pass either the parameter "text" with the desired popup text or "image" with the name of an image (no "[[Image:__]]" wrapper, just the file name). You cannot use both parameters. You can also control the padding with "padding" (specify the units, e.g. "5px") and background color with "bgcolor" (e.g. "#0C0C0C" or "purple").
You have the following additional options if providing a text popup:
- Specifying a "width" parameter (with the unit, e.g. "50px") will determine the width of the box within which your popup text will be wrapped.
You have the following additional options if providing an image popup:
- You can specify "width" (with the unit, e.g. "500px"). This allows you to scale the image up or down.
- You can add a "link" parameter and the image will be clickable, leading to the page of your choice.
Pass a "secret" parameter with value "yes" to avoid the underlining that indicates the presence of a hover text/image.
Samples:
{{Hover|Blam!|text=Oni crashed|bgcolor=lightgray}}
yields
Blam!Oni crashed
{{Hover|Blame!|image=Buramu!.jpg|link=Blame|secret=yes}}
yields
