-The Dream Cancel Wiki has successfully upgraded it's wiki software and editing has returned. Tables for data have returned.
Template:Tt: Difference between revisions
Franck Frost (talk | contribs) No edit summary |
Franck Frost (talk | contribs) No edit summary |
||
| Line 2: | Line 2: | ||
== What this is == | == What this is == | ||
A template to write tooltips! | A template to write tooltips! | ||
</noinclude> | |||
<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! | |||
== Usage & Examples == | |||
<pre><nowiki>{{tt|Normal text|Tooltip text}}</nowiki></pre> | |||
{{tt|Normal text|Tooltip text}} | |||
<pre><nowiki>{{tt|Normal text without underline|Tooltip text|line=false}}</nowiki></pre> | |||
{{tt|Normal text without underline|Tooltip text|line=false}} | |||
<pre><nowiki>{{tt|Tooltip text with horizontal rule|Tooltip<hr>Text}}</nowiki></pre> | |||
{{tt|Tooltip text with horizontal rule|Tooltip<hr />Text}} | |||
<pre><nowiki>{{tt|{{tt|Nested tooltip|Bottom text}}|Top text}}</nowiki></pre> | |||
{{tt|{{tt|Nested tooltip|Bottom text}}|Top text}} | |||
<pre><nowiki>{{tt|left-aligned text|Tooltip text|text-align=left}}</nowiki></pre> | |||
{{tt|left-aligned text|Tooltip text|text-align=left}} | |||
== Notes == | |||
* Do '''not''' use <code><nowiki><hr /></nowiki></code> inside tooltips! | |||
** Use <code><nowiki><span class="hr"></span></nowiki></code> instead. | |||
** This is due to mw parser spawning random linebreaks if <code><nowiki><hr /></nowiki></code> is used. | |||
<templatedata> | |||
{ | |||
"params": { | |||
"1": { | |||
"label": "Text", | |||
"description": "Text to be shown by normally.", | |||
"type": "string", | |||
"required": true | |||
}, | |||
"2": { | |||
"label": "Tooltip Text", | |||
"description": "Text to be shown in the tooltip when hovered.", | |||
"type": "string", | |||
"required": true | |||
}, | |||
"line": { | |||
"label": "Show Underline", | |||
"description": "Defaults to true. Set to false to hide the dotted underline.", | |||
"type": "boolean" | |||
}, | |||
"text-align": { | |||
"label": "Text Align", | |||
"description": "Overrides text-align style. Possible values: left, center, right, justify.", | |||
"type": "string" | |||
} | |||
}, | |||
"description": "A template to write tooltips!", | |||
"paramOrder": [ | |||
"1", | |||
"2", | |||
"line", | |||
"text-align" | |||
], | |||
"format": "inline" | |||
} | |||
</templatedata> | |||
</noinclude> | </noinclude> | ||
Revision as of 05:49, 20 May 2021
What this is
A template to write tooltips!
What this is
A template to write tooltips!
Usage & Examples
{{tt|Normal text|Tooltip text}}
Normal textTooltip text Normal textTooltip text
{{tt|Normal text without underline|Tooltip text|line=false}}
Normal text without underlineTooltip text Normal text without underlineTooltip text
{{tt|Tooltip text with horizontal rule|Tooltip<hr>Text}}
Tooltip text with horizontal ruleTooltipText Tooltip text with horizontal ruleTooltip
Text
{{tt|{{tt|Nested tooltip|Bottom text}}|Top text}}
Nested tooltipBottom text Nested tooltipBottom textTop text Nested tooltipBottom text Nested tooltipBottom textTop text
{{tt|left-aligned text|Tooltip text|text-align=left}}
left-aligned textTooltip text 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 |