Template:Tt: Difference between revisions
From Tiny Rogues Wiki
No edit summary |
Isengoethe (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
<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 == | <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 09:09, 7 January 2024
What this is
A template to write tooltips!
Usage & Examples
{{tt|Normal text|Tooltip text}}
Normal text
Tooltip text
{{tt|Normal text without underline|Tooltip text|line=false}}
Normal text without underline
Tooltip text
{{tt|1=Tooltip text with horizontal rule|2=Tooltip<span class="hr"></span>Text}}
Tooltip text with horizontal rule
TooltipText
{{tt|{{tt|Nested tooltip|Bottom text}}|Top text}}
Nested tooltip
Bottom text
Top text
{{tt|left-aligned text|Tooltip text|text-align=left}}
left-aligned text
Tooltip 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 |
