Template:MouseoverBox

Template Documentation

Description

Use this template for mouse-over boxes

Examples

Basic example: {{#arraydefine:content|Content|/\n/}}{{#arraydefine:tag|}}<{{#arrayindex:tag|0}} class="mouseover-content" style="display:none;">Content</{{#arrayindex:tag|0}}><{{#arrayindex:tag|0}} class="mouseover-trigger" style="display:inline;">Trigger</{{#arrayindex:tag|0}}><{{#arrayindex:tag|0}} class="mouseover-custom">100</{{#arrayindex:tag|0}}>

   {{MouseoverBox|Trigger|Content}}

Anchor position examples:

Content|/\n/}}{{#arraydefine:tag|}}<{{#arrayindex:tag|0}} class="mouseover-content" style="display:none;">Content</{{#arrayindex:tag|0}}><{{#arrayindex:tag|0}} class="mouseover-trigger" style="display:inline;">Anchor 1</{{#arrayindex:tag|0}}><{{#arrayindex:tag|0}} class="mouseover-custom">1100</{{#arrayindex:tag|0}}>	Content|/\n/}}{{#arraydefine:tag|}}<{{#arrayindex:tag|0}} class="mouseover-content" style="display:none;">Content</{{#arrayindex:tag|0}}><{{#arrayindex:tag|0}} class="mouseover-trigger" style="display:inline;">Anchor 2</{{#arrayindex:tag|0}}><{{#arrayindex:tag|0}} class="mouseover-custom">2100</{{#arrayindex:tag|0}}>	Content|/\n/}}{{#arraydefine:tag|}}<{{#arrayindex:tag|0}} class="mouseover-content" style="display:none;">Content</{{#arrayindex:tag|0}}><{{#arrayindex:tag|0}} class="mouseover-trigger" style="display:inline;">Anchor 3</{{#arrayindex:tag|0}}><{{#arrayindex:tag|0}} class="mouseover-custom">3100</{{#arrayindex:tag|0}}>
Content|/\n/}}{{#arraydefine:tag|}}<{{#arrayindex:tag|0}} class="mouseover-content" style="display:none;">Content</{{#arrayindex:tag|0}}><{{#arrayindex:tag|0}} class="mouseover-trigger" style="display:inline;">Anchor 4</{{#arrayindex:tag|0}}><{{#arrayindex:tag|0}} class="mouseover-custom">4100</{{#arrayindex:tag|0}}>	Content|/\n/}}{{#arraydefine:tag|}}<{{#arrayindex:tag|0}} class="mouseover-content" style="display:none;">Content</{{#arrayindex:tag|0}}><{{#arrayindex:tag|0}} class="mouseover-trigger" style="display:inline;">Anchor 5</{{#arrayindex:tag|0}}><{{#arrayindex:tag|0}} class="mouseover-custom">5100</{{#arrayindex:tag|0}}>	Content|/\n/}}{{#arraydefine:tag|}}<{{#arrayindex:tag|0}} class="mouseover-content" style="display:none;">Content</{{#arrayindex:tag|0}}><{{#arrayindex:tag|0}} class="mouseover-trigger" style="display:inline;">Anchor 6</{{#arrayindex:tag|0}}><{{#arrayindex:tag|0}} class="mouseover-custom">6100</{{#arrayindex:tag|0}}>
Content|/\n/}}{{#arraydefine:tag|}}<{{#arrayindex:tag|0}} class="mouseover-content" style="display:none;">Content</{{#arrayindex:tag|0}}><{{#arrayindex:tag|0}} class="mouseover-trigger" style="display:inline;">Anchor 7</{{#arrayindex:tag|0}}><{{#arrayindex:tag|0}} class="mouseover-custom">7100</{{#arrayindex:tag|0}}>	Content|/\n/}}{{#arraydefine:tag|}}<{{#arrayindex:tag|0}} class="mouseover-content" style="display:none;">Content</{{#arrayindex:tag|0}}><{{#arrayindex:tag|0}} class="mouseover-trigger" style="display:inline;">Anchor 8</{{#arrayindex:tag|0}}><{{#arrayindex:tag|0}} class="mouseover-custom">8100</{{#arrayindex:tag|0}}>	Content|/\n/}}{{#arraydefine:tag|}}<{{#arrayindex:tag|0}} class="mouseover-content" style="display:none;">Content</{{#arrayindex:tag|0}}><{{#arrayindex:tag|0}} class="mouseover-trigger" style="display:inline;">Anchor 9</{{#arrayindex:tag|0}}><{{#arrayindex:tag|0}} class="mouseover-custom">9100</{{#arrayindex:tag|0}}>

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