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

Template:Tippytt: Difference between revisions

Template page
Content added Content deleted
(testing for tippy tooltips)
 
mNo edit summary
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<!--->
<includeonly><span class="owadio" {{ #ifeq: {{{line|true}}} | false | style="border-bottom: 0;" }}>{{{1}}}<span class="owadiotext" 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>{{tt|Normal text|Tooltip text}}</nowiki></pre>
<pre><nowiki>{{Tippytt|Normal text|Tooltip text}}</nowiki></pre>
Lorem ipsum, {{tt|Normal text|Tooltip text}}, sed do dolore magna aliqua.
Lorem ipsum, {{Tippytt|Normal text|Tooltip text}}, sed do dolore magna aliqua.
<pre><nowiki>{{tt|Normal text without underline|Tooltip text|line=false}}</nowiki></pre>
<pre><nowiki>{{Tippytt|Normal text without underline|Tooltip text|line=false}}</nowiki></pre>
{{tt|Normal text without underline|Tooltip text|line=false}}
{{Tippytt|Normal text without underline|Tooltip text|line=false}}
<pre><nowiki>{{tt|Tooltip text with horizontal rule|Tooltip<hr>Text}}</nowiki></pre>
<pre><nowiki>{{Tippytt|Tooltip text with horizontal rule|Tooltip<hr>Text}}</nowiki></pre>
{{tt|Tooltip text with horizontal rule|Tooltip<hr />Text}}
{{Tippytt|Tooltip text with horizontal rule|Tooltip<hr />Text}}
<pre><nowiki>{{tt|{{tt|Nested tooltip|Bottom text}}|Top text}}</nowiki></pre>
<pre><nowiki>{{Tippytt|{{Tippytt|Nested tooltip|Bottom text}}|Top text}}</nowiki></pre>
{{tt|{{tt|Nested tooltip|Bottom text}}|Top text}}
{{Tippytt|{{Tippytt|Nested tooltip|Bottom text}}|Top text}}
<pre><nowiki>{{tt|left-aligned text|Tooltip text|text-align=left}}</nowiki></pre>
<pre><nowiki>{{Tippytt|left-aligned text|Tooltip text|text-align=left}}</nowiki></pre>
{{tt|left-aligned text|Tooltip text|text-align=left}}
{{Tippytt|left-aligned text|Tooltip text|text-align=left}}


== Notes ==
== Notes ==

Revision as of 19:13, 16 June 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 textTop 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.
Cookies help us deliver our services. By using our services, you agree to our use of cookies.