Difference between revisions of "Tooltips - Mediawiki"

From Help Wiki
m
m
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
 +
__NOTOC__
 
Create {{#tip-text: tooltips | a tooltip appears on mouse-over}} by utilizing the installed extension SimpleTooltips. See https://www.mediawiki.org/wiki/Extension:SimpleTooltip for syntax help.
 
Create {{#tip-text: tooltips | a tooltip appears on mouse-over}} by utilizing the installed extension SimpleTooltips. See https://www.mediawiki.org/wiki/Extension:SimpleTooltip for syntax help.
  
Line 15: Line 16:
 
<pre>{{#tip-img: /path/to/your/image.png | image tooltip-text }}</pre><pre>{{#simple-tooltip-img: /path/to/your/image.png | image tooltip-text }}</pre>
 
<pre>{{#tip-img: /path/to/your/image.png | image tooltip-text }}</pre><pre>{{#simple-tooltip-img: /path/to/your/image.png | image tooltip-text }}</pre>
  
{{Note}} The "tip-img" and the "simple-tooltip-img" parser function respectively do not resize the image set to be shown, i.e. the image must be uploaded in an appropriate size like e.g. 16px x 16px.
+
Note: The "tip-img" and the "simple-tooltip-img" parser function respectively do not resize the image set to be shown, i.e. the image must be uploaded in an appropriate size like e.g. 16px x 16px.
  
  
 
[[Category:Mediawiki]]
 
[[Category:Mediawiki]]

Latest revision as of 14:44, 22 August 2018

Create tooltips by utilizing the installed extension SimpleTooltips. See https://www.mediawiki.org/wiki/Extension:SimpleTooltip for syntax help.

Usage

There is a short alias and a more descriptive parser function name for each tooltip type.

Inline-text tooltip

{{#tip-text: text | tooltip-text}}
{{#simple-tooltip: text | tooltip-text}}

Info-icon tooltip:

{{#tip-info: tooltip-text }}
{{#simple-tooltip-info: tooltip-text }}

Inline-Image tooltip:

{{#tip-img: /path/to/your/image.png | image tooltip-text }}
{{#simple-tooltip-img: /path/to/your/image.png | image tooltip-text }}

Note: The "tip-img" and the "simple-tooltip-img" parser function respectively do not resize the image set to be shown, i.e. the image must be uploaded in an appropriate size like e.g. 16px x 16px.