mNo edit summary |
|||
| (6 intermediate revisions by the same user not shown) | |||
| 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! | ||
== Usage & Examples == | == Usage & Examples == | ||
<pre><nowiki>{{tt|Normal text|Tooltip text}}</nowiki></pre> | <pre><nowiki>{{tt|Normal text|Tooltip text}}</nowiki></pre> | ||
{{tt|Normal text|Tooltip text}} | Lorem ipsum, {{tt|Normal text|Tooltip text}}, sed do dolore magna aliqua. | ||
<pre><nowiki>{{tt|Normal text without underline|Tooltip text|line=false}}</nowiki></pre> | <pre><nowiki>{{tt|Normal text without underline|Tooltip text|line=false}}</nowiki></pre> | ||
{{tt|Normal text without underline|Tooltip text|line=false}} | {{tt|Normal text without underline|Tooltip text|line=false}} | ||
<pre><nowiki>{{tt|Tooltip text with horizontal rule|Tooltip<hr>Text}}</nowiki></pre> | <pre><nowiki>{{tt|Tooltip text with horizontal rule|Tooltip<hr>Text}}</nowiki></pre> | ||
{{tt|Tooltip text with horizontal rule|Tooltip<hr />Text}} | {{tt|Tooltip text with horizontal rule|Tooltip<hr />Text}} | ||
<pre><nowiki>{{tt|{{tt|Nested tooltip|Bottom text}}|Top text}}</nowiki></pre> | <pre><nowiki>{{tt|{{tt|Nested tooltip|Bottom text}}|Top text}}</nowiki></pre> | ||
{{tt|{{tt|Nested tooltip|Bottom text}}|Top text}} | {{tt|{{tt|Nested tooltip|Bottom text}}|Top text}} | ||
<pre><nowiki>{{tt|left-aligned text|Tooltip text|text-align=left}}</nowiki></pre> | <pre><nowiki>{{tt|left-aligned text|Tooltip text|text-align=left}}</nowiki></pre> | ||
{{tt|left-aligned text|Tooltip text|text-align=left}} | {{tt|left-aligned text|Tooltip text|text-align=left}} | ||
| Line 23: | Line 20: | ||
** This is due to mw parser spawning random linebreaks if <code><nowiki><hr /></nowiki></code> is used. | ** This is due to mw parser spawning random linebreaks if <code><nowiki><hr /></nowiki></code> is used. | ||
Revision as of 16:53, 7 September 2021
What this is
A template to write tooltips!
Usage & Examples
{{tt|Normal text|Tooltip text}}
Lorem ipsum, Normal textTooltip text, sed do dolore magna aliqua.
{{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 |