Template:Tooltip: Difference between revisions

From Caves of Qud Wiki
Jump to navigation Jump to search
m (Template > Shorthand Template)
(revamp tooltip styles)
Line 1: Line 1:
<includeonly><abbr title="{{{1}}}">{{{2|<sup><span style="display:inline-block;width:9px;height:9px;line-height:9px;border-radius:20px;margin-left:4px;border:1px solid #cccccc;text-align:center;padding:1px;font-family:'Source Code Pro','Lucida Console',Monaco,'Courier New',Courier;font-size:10px;font-weight:100;">?</span></sup>}}}</abbr></includeonly>
<includeonly><span class="qud-tooltip mobile-visible">{{#if: {{{2|}}} |<span class="qud-tooltip-ulabel">{{{2}}}</span>|<sup>?</sup>}}<span class="qud-tooltip-text {{#switch: {{{3|extend-line}}} | centered = centered-content | extend-line }}">{{{1}}}</span></span></includeonly>
<noinclude>[[Category:Shorthand Templates]]
<noinclude>[[Category:Shorthand Templates]]
Usage: <code><nowiki>{{Tooltip |(hover text)|(description text to be hovered over)}}</nowiki></code>
Usage: <code><nowiki>{{Tooltip |(hover text)|(description text to be hovered over)}}</nowiki></code>


Example 1 - description text specified: {{Tooltip |(hover text)|(example description text)}}
{| class="wikitable"
Example 2 - no description text specified:{{Tooltip |(hover text)}}</noinclude>
! Parameter
! Required?
! Description
|-
| 1
| required
| hover tooltip text
|-
| 2
| optional
| description to be hovered over. If not specified, a circled question mark symbol will be used instead of text.
|-
| 3
| optional
| specify <code>centered</code> for this parameter to make the tooltip centered over the description/qmark. This option also forces the tooltip content to be fixed-width (120px)
|}
 
Example 1 - description text specified: {{Tooltip |(hover text)|text}}
Example 2 - no description text specified: {{Tooltip |(hover text)}}
Example 3 - centered content: {{Tooltip|(hover text)|text|centered}}
Example 4 - centered content w/ qmark: {{Tooltip|(hover text)||centered}}
 
</noinclude>

Revision as of 16:29, 3 September 2019

Usage: {{Tooltip |(hover text)|(description text to be hovered over)}}

Parameter Required? Description
1 required hover tooltip text
2 optional description to be hovered over. If not specified, a circled question mark symbol will be used instead of text.
3 optional specify centered for this parameter to make the tooltip centered over the description/qmark. This option also forces the tooltip content to be fixed-width (120px)

Example 1 - description text specified: text(hover text)

Example 2 - no description text specified: ?(hover text)

Example 3 - centered content: text(hover text)

Example 4 - centered content w/ qmark: ?(hover text)