Шаблон:Tooltip: различия между версиями

Текущая версия от 09:25, 13 июля 2026

About

Adds a tooltip to a link. Used all around the wiki in all kinds of recipes:

Key-functionality of the RecursiveChem-Templates like:

Parameter-Usage

Parameter	Description
1	Text to be displayed
2	Content of the tooltip-box

Examples

Normal

{{Tooltip|hover me|Tool Tip Time!}}

Recursive

{{Tooltip
|This...
|{{Tooltip|is...|ONION!}}
}}

@@ Строка 1: / Строка 1: @@
-<includeonly><span style="white-space:nowrap; display:inline-block;"><span class="tooltip" style="display:inline; cursor:help; border-bottom:1px dotted #999;">{{{1}}}<span class="tooltiptext" style="display:none; position:absolute; top:20px; left:5px; background:#{{{2|FFFFFF}}}; z-index:200; box-shadow:0 0 .3em #999; padding:4px 8px; border-radius:4px; border:1px solid #ccc; font-weight:normal; white-space:normal; min-width:50px; max-width:300px; text-align:left;">{{{3}}}</span></span></span>
+<includeonly><div class='tooltip' style="display:inline;">{{{1}}}<div class='tooltiptext' style='top:20px; background: #{{{3|FFFFFF}}}; z-index:200; left:5px; box-shadow: 0 0 .3em #999;'>{{{2}}}</div></div></includeonly><noinclude>
-<style>
-.tooltip:hover .tooltiptext {
-    display:block !important;
-}
-</style></includeonly><noinclude>
 == About ==
 Adds a tooltip to a link. Used all around the wiki in all kinds of recipes:
@@ Строка 23: / Строка 18: @@
 |-
 !1
-|Text to be displayed (with tooltip)
+|Text to be displayed
 |-
 !2
-|Background color (optional, default FFFFFF)
-|-
-!3
 |Content of the tooltip-box
 |}
@@ Строка 34: / Строка 26: @@
 == Examples ==
 === Normal ===
-<pre>{{Tooltip|hover me|FFFFFF|Tool Tip Time!}}</pre>
+<pre>{{Tooltip|hover me|Tool Tip Time!}}</pre>
-{{Tooltip|hover me|FFFFFF|Tool Tip Time!}}
+{{Tooltip|hover me|Tool Tip Time!}}
+=== Recursive ===
+<pre>{{Tooltip
+|This...
+|{{Tooltip|is...|ONION!}}
+}}</pre>
+{{Tooltip
+|This...
+|{{Tooltip|is...|ONION!}}
+}}
 [[Category:Templates]][[Category:Maintenance templates]][[Category:Misc Styling Templates]]
 </noinclude>