Шаблон:Tooltip: различия между версиями
мНет описания правки |
мНет описания правки |
||
| Строка 1: | Строка 1: | ||
<includeonly><span style="white-space:nowrap; display:inline-block;"> | <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> | ||
<style> | <style> | ||
.tooltip:hover .tooltiptext { | .tooltip:hover .tooltiptext { | ||
display:block !important; | display:block !important; | ||
} | } | ||
</style></includeonly> | </style></includeonly><noinclude> | ||
== About == | == About == | ||
Adds a tooltip to a link. Used all around the wiki in all kinds of recipes: | Adds a tooltip to a link. Used all around the wiki in all kinds of recipes: | ||
| Строка 23: | Строка 23: | ||
|- | |- | ||
!1 | !1 | ||
|Text to be displayed | |Text to be displayed (with tooltip) | ||
|- | |- | ||
!2 | !2 | ||
|Background color (optional, default FFFFFF) | |||
|- | |||
!3 | |||
|Content of the tooltip-box | |Content of the tooltip-box | ||
|} | |} | ||
| Строка 31: | Строка 34: | ||
== Examples == | == Examples == | ||
=== Normal === | === Normal === | ||
<pre>{{Tooltip|hover me|Tool Tip Time!}}</pre> | <pre>{{Tooltip|hover me|FFFFFF|Tool Tip Time!}}</pre> | ||
{{Tooltip|hover me|Tool Tip Time! | {{Tooltip|hover me|FFFFFF|Tool Tip Time!}} | ||
}} | |||
[[Category:Templates]][[Category:Maintenance templates]][[Category:Misc Styling Templates]] | [[Category:Templates]][[Category:Maintenance templates]][[Category:Misc Styling Templates]] | ||
</noinclude> | </noinclude> | ||
Версия от 09:08, 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:
- Template:RecursiveChem/QuadrupleSec
- Template:RecursiveChem/BoiledRice
- Template:RecursiveChem/Pyroxadone
- ...
Parameter-Usage
| Parameter | Description |
|---|---|
| 1 | Text to be displayed (with tooltip) |
| 2 | Background color (optional, default FFFFFF) |
| 3 | Content of the tooltip-box |
Examples
Normal
{{Tooltip|hover me|FFFFFF|Tool Tip Time!}}
hover me <style> .tooltip:hover .tooltiptext {
display:block !important;
} </style>