More actions
dustloop>TarkusLee No edit summary |
dustloop>TarkusLee No edit summary |
||
| Line 14: | Line 14: | ||
<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}} | ||
<pre><nowiki>{{tt|Normal text|[[Main_Page|Tooltip text]]}}</nowiki></pre> | |||
Lorem ipsum, {{tt|Normal text|[[Main_Page|Tooltip text]]}}, sed do dolore magna aliqua. | |||
== Notes == | == Notes == | ||
* Do '''not''' use < | * Do '''not''' use <pre><nowiki><hr /></nowiki></pre> inside tooltips! | ||
** Use < | ** Use <pre><nowiki><span class="hr"></span></nowiki></pre> instead. | ||
** This is due to mw parser spawning random linebreaks if < | ** This is due to mw parser spawning random linebreaks if <pre><nowiki><hr /></nowiki></pre> is used. | ||
{{doc/end}} | {{doc/end}} | ||
Revision as of 21:25, 1 January 2023
What this is
Styles for this tempalte are found on Template:Tooltip/styles.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 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
{{tt|Normal text|[[Main_Page|Tooltip text]]}}
Lorem ipsum, Normal textTooltip text, sed do dolore magna aliqua.
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
This is the documentation page, it should be transcluded into the main template page. See Template:Doc for more information.