Template:Tt: Difference between revisions
From Tiny Rogues Wiki
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
<includeonly><span class="tooltip" style="{{#if:{{{text-color|}}}|color:{{{text-color|default}}};}}" {{ #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" style="font-weight:bold; {{#if:{{{text-color|}}}|color:{{{text-color|default}}};}}" {{ #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 02:43, 23 December 2023
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|1=Tooltip text with horizontal rule|2=Tooltip<span class="hr"></span>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 (with named parameters; i.e.|1=
and|2=
) - 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 |