Template:MouseoverBox

Template Documentation

Description

Use this template for mouse-over boxes.

Examples

Basic example: ContentTrigger100

   {{MouseoverBox|Trigger|Content}}

Anchor position examples:

ContentAnchor 11100	ContentAnchor 22100	ContentAnchor 33100
ContentAnchor 44100	ContentAnchor 55100	ContentAnchor 66100
ContentAnchor 77100	ContentAnchor 88100	ContentAnchor 99100

Parameters

Parameter	Usage	Important?
1 Trigger	The wikitext that will "trigger" the box	Mandatory
2 Content	The contents of the box that comes up	Mandatory
Style	Extra styles that will be applied to the box	No
Anchor	How the box is anchored to the mouse pointer (The pointer will be at 5) (Default: 9) 1 2 3 4 5 6 7 8 9 See examples above.	No
ModX and ModY	Modifiers to the positioning of the box Defaults Anchor X Y 1 -10 -10 2 0 -10 3 10 -10 4 -10 0 5 0 0 6 10 0 7 -10 10 8 0 10 9 -1 20	No
FadeLength	The amount of time the box will fade in and out in milliseconds (Default: 100)	No

Additional Notes on Usage

If a specific usage requires too many Template calls, you can directly add mouse-over boxes instead. Make sure to replace "Text that Triggers Box" and "Content Inside Box". Example parameter names could be {{{Mouseover Content|Content Inside Box}}} and {{{Mouseover Trigger|Text that Triggers Box}}}.

<span class="mouseover-wrapper" style="display:inline;">
<span class="mouseover-content" style="display:none;">Content Inside Box</span>
<span class="mouseover-trigger" style="display:inline;">Text that Triggers Box</span>
<span class="mouseover-custom">
<span class="mouseover-custom-style"></span>
<span class="mouseover-custom-anchor"></span>
<span class="mouseover-custom-modx"></span>
<span class="mouseover-custom-mody"></span>
<span class="mouseover-custom-fade-length">100</span></span></span>