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:
<includeonly><span class="tooltipowadio" {{ #ifeq: {{{line|true}}} | false | style="border-bottom: 0;" }}>{{{1}}}<span class="tooltiptextowadiotext" style="{{#if:{{{text-align|}}}|text-align:{{{text-align|default}}};}}">{{{2}}}</span></span></includeonly><noinclude> <!--->Change shit here later ah<!--->
== What this is ==
A template to write tooltips!
 
== Usage & Examples ==
<pre><nowiki>{{ttTippytt|Normal text|Tooltip text}}</nowiki></pre>
Lorem ipsum, {{ttTippytt|Normal text|Tooltip text}}, sed do dolore magna aliqua.
<pre><nowiki>{{ttTippytt|Normal text without underline|Tooltip text|line=false}}</nowiki></pre>
{{ttTippytt|Normal text without underline|Tooltip text|line=false}}
<pre><nowiki>{{ttTippytt|Tooltip text with horizontal rule|Tooltip<hr>Text}}</nowiki></pre>
{{ttTippytt|Tooltip text with horizontal rule|Tooltip<hr />Text}}
<pre><nowiki>{{ttTippytt|{{ttTippytt|Nested tooltip|Bottom text}}|Top text}}</nowiki></pre>
{{ttTippytt|{{ttTippytt|Nested tooltip|Bottom text}}|Top text}}
<pre><nowiki>{{ttTippytt|left-aligned text|Tooltip text|text-align=left}}</nowiki></pre>
{{ttTippytt|left-aligned text|Tooltip text|text-align=left}}
 
== 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.