mNo edit summary |
|||
| Line 1: | Line 1: | ||
<includeonly><span class="tooltip" {{ #ifeq: {{{line|true}}} | false | style="border-bottom: 0;" }}>{{{1}}}<span class="tooltiptext" style="{{#if:{{{text-align|}}}|text-align:{{{text-align|default}}};}}">{{{2}}}</span></span></includeonly><noinclude>== What this is == | <includeonly><span class="tooltip" {{ #ifeq: {{{line|true}}} | false | style="border-bottom: 0;" }}>{{{1}}}<span class="tooltiptext" style="{{#if:{{{text-align|}}}|text-align:{{{text-align|default}}};}}">{{{2}}}</span></span></includeonly><noinclude> | ||
== What this is == | |||
A template to write tooltips! | A template to write tooltips! | ||
Revision as of 16:17, 23 October 2020
What this is
A template to write tooltips!
Usage & Examples
{{tt|Normal text|Tooltip text}}
Normal textTooltip text
{{tt|Normal text without underline|Tooltip text|line=false}}
Normal text without underlineTooltip text
{{tt|Tooltip text with horizontal rule|Tooltip<hr>Text}}
Tooltip text with horizontal ruleTooltipText
{{tt|{{tt|Nested tooltip|Bottom text}}|Top text}}
Nested tooltipBottom textTop text
{{tt|left-aligned text|Tooltip text|text-align=left}}
left-aligned textTooltip text
Notes
- Do not use
<hr />inside tooltips!- Use
<span class="hr"></span>instead. - This is due to mw parser spawning random linebreaks if
<hr />is used.
- Use
A template to write tooltips!
| Parameter | Description | Type | Status | |
|---|---|---|---|---|
| Text | 1 | Text to be shown by normally. | String | required |
| Tooltip Text | 2 | Text to be shown in the tooltip when hovered. | String | required |
| Show Underline | line | Defaults to true. Set to false to hide the dotted underline. | Boolean | optional |
| Text Align | text-align | Overrides text-align style. Possible values: left, center, right, justify. | String | optional |