Content added Content deleted
(testing for tippy tooltips) |
mNo edit summary |
||
(5 intermediate revisions by 2 users 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> <!--->Change shit here later ah<!---> |
|||
== What this is == |
== What this is == |
||
A template to write tooltips! |
A template to write tooltips! |
||
== Usage & Examples == |
== Usage & Examples == |
||
<pre><nowiki>{{ |
<pre><nowiki>{{Tippytt|Normal text|Tooltip text}}</nowiki></pre> |
||
Lorem ipsum, {{ |
Lorem ipsum, {{Tippytt|Normal text|Tooltip text}}, sed do dolore magna aliqua. |
||
<pre><nowiki>{{ |
<pre><nowiki>{{Tippytt|Normal text without underline|Tooltip text|line=false}}</nowiki></pre> |
||
{{ |
{{Tippytt|Normal text without underline|Tooltip text|line=false}} |
||
<pre><nowiki>{{ |
<pre><nowiki>{{Tippytt|Tooltip text with horizontal rule|Tooltip<hr>Text}}</nowiki></pre> |
||
{{ |
{{Tippytt|Tooltip text with horizontal rule|Tooltip<hr />Text}} |
||
<pre><nowiki>{{ |
<pre><nowiki>{{Tippytt|{{Tippytt|Nested tooltip|Bottom text}}|Top text}}</nowiki></pre> |
||
{{ |
{{Tippytt|{{Tippytt|Nested tooltip|Bottom text}}|Top text}} |
||
<pre><nowiki>{{ |
<pre><nowiki>{{Tippytt|left-aligned text|Tooltip text|text-align=left}}</nowiki></pre> |
||
{{ |
{{Tippytt|left-aligned text|Tooltip text|text-align=left}} |
||
== Notes == |
== Notes == |
Latest revision as of 16:29, 17 July 2023
What this is
A template to write tooltips!
Usage & Examples
{{Tippytt|Normal text|Tooltip text}}
Lorem ipsum, Normal textTooltip text , sed do dolore magna aliqua.
{{Tippytt|Normal text without underline|Tooltip text|line=false}}
Normal text without underlineTooltip text
{{Tippytt|Tooltip text with horizontal rule|Tooltip<hr>Text}}Tooltip text with horizontal ruleTooltip
Text
{{Tippytt|{{Tippytt|Nested tooltip|Bottom text}}|Top text}}
Nested tooltipBottom text Top text
{{Tippytt|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. - This is due to mw parser spawning random linebreaks if
<hr />
is used.
- Use