Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:Tooltip: Difference between revisions

Template page
dustloop>TarkusLee
No edit summary
m 16 revisions imported: Credit to the Dustloop wiki (dustloop.com).
 
(12 intermediate revisions by one other 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>{{doc}}</noinclude>
A template to write tooltips!
 
== Usage & Examples ==
<pre><nowiki>{{tt|Normal text|Tooltip text}}</nowiki></pre>
{{tt|Normal text|Tooltip text}}
<br>
<pre><nowiki>{{tt|Normal text without underline|Tooltip text|line=false}}</nowiki></pre>
{{tt|Normal text without underline|Tooltip text|line=false}}
<br>
<pre><nowiki>{{tt|Tooltip text with horizontal rule|Tooltip<hr>Text}}</nowiki></pre>
{{tt|Tooltip text with horizontal rule|Tooltip<hr />Text}}
<br>
<pre><nowiki>{{tt|{{tt|Nested tooltip|Bottom text}}|Top text}}</nowiki></pre>
{{tt|{{tt|Nested tooltip|Bottom text}}|Top text}}
<br>
<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>

Latest revision as of 21:52, 7 October 2024

What this is

Styles for this template are found on Common.css

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 ruleTooltip
Text
{{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

{{tt|Normal text|[[Main_Page|Tooltip text]]}}

Lorem ipsum, Normal textTooltip text, sed do dolore magna aliqua.


MediaWiki Appliance - Powered by TurnKey Linux