Template:Tooltip - Revision history

imported>Aramachus: added option to add css styles

2023-10-29T14:21:29Z

added option to add css styles

← Older revision		Revision as of 14:21, 29 October 2023
Line 1:		Line 1:
	<onlyinclude><includeonly><span id="{{anchorencode:{{{id\|{{{text}}}}}}}}" class="advanced-tooltip {{{add-classes}}}" style="border-bottom:{{default\|{{{underline\|}}}\|thin dashed grey}}; cursor:default; display:inline-block;">{{{text}}}<span id="{{anchorencode:{{{id\|{{{text}}}}}}}}-tooltip" class="tooltip-contents hidden">{{{tooltip}}}</span></span></includeonly></onlyinclude>		<onlyinclude><includeonly><span id="{{anchorencode:{{{id\|{{{text}}}}}}}}" class="advanced-tooltip {{{add-classes\|}}}" style="border-bottom:{{default\|{{{underline\|}}}\|thin dashed grey}}; cursor:default; display:inline-block; {{{add-styles\|}}}">{{{text}}}<span id="{{anchorencode:{{{id\|{{{text}}}}}}}}-tooltip" class="tooltip-contents hidden">{{{tooltip}}}</span></span></includeonly></onlyinclude>
	__NOTOC__		__NOTOC__
	[[Category:Templates\|{{PAGENAMEE}}]]		[[Category:Templates\|{{PAGENAMEE}}]]
Line 24:		Line 24:
	*You can change the opacity with an ''opacity'' parameter with any decimal value between 0 and 1 (default is 0.92).		*You can change the opacity with an ''opacity'' parameter with any decimal value between 0 and 1 (default is 0.92).
	*You can change the underline style with the ''underline'' parameter (default is "thin dashed grey").		*You can change the underline style with the ''underline'' parameter (default is "thin dashed grey").
	*~~you~~ can add any css classes to the element with the ''add-classes'' parameter.		*You can add any css classes to the element with the ''add-classes'' parameter.
			*You can add any css styles to the element with the ''add-styles'' parameter.

	===Caveats===		===Caveats===
	When using this template to transclude data that includes a table, it will break.		When using this template to transclude data that includes a table, it will break.

imported>Aramachus: added option to add css classes

2023-10-29T14:18:06Z

added option to add css classes

← Older revision		Revision as of 14:18, 29 October 2023
Line 1:		Line 1:
	<onlyinclude><includeonly><span id="{{anchorencode:{{{id\|{{{text}}}}}}}}" class="advanced-tooltip" style="border-bottom:{{default\|{{{underline\|}}}\|thin dashed grey}}; cursor:default; display:inline-block;">{{{text}}}<span id="{{anchorencode:{{{id\|{{{text}}}}}}}}-tooltip" class="tooltip-contents hidden">{{{tooltip}}}</span></span></includeonly></onlyinclude>		<onlyinclude><includeonly><span id="{{anchorencode:{{{id\|{{{text}}}}}}}}" class="advanced-tooltip {{{add-classes}}}" style="border-bottom:{{default\|{{{underline\|}}}\|thin dashed grey}}; cursor:default; display:inline-block;">{{{text}}}<span id="{{anchorencode:{{{id\|{{{text}}}}}}}}-tooltip" class="tooltip-contents hidden">{{{tooltip}}}</span></span></includeonly></onlyinclude>
	__NOTOC__		__NOTOC__
	[[Category:Templates\|{{PAGENAMEE}}]]		[[Category:Templates\|{{PAGENAMEE}}]]
Line 24:		Line 24:
	*You can change the opacity with an ''opacity'' parameter with any decimal value between 0 and 1 (default is 0.92).		*You can change the opacity with an ''opacity'' parameter with any decimal value between 0 and 1 (default is 0.92).
	*You can change the underline style with the ''underline'' parameter (default is "thin dashed grey").		*You can change the underline style with the ''underline'' parameter (default is "thin dashed grey").
			*you can add any css classes to the element with the ''add-classes'' parameter.

	===Caveats===		===Caveats===

imported>Garnet-HorizonXI (Fandom) at 00:40, 11 February 2023

2023-02-11T00:40:22Z

← Older revision		Revision as of 00:40, 11 February 2023
Line 1:		Line 1:
	importArticles({ type: 'script', articles: [ 'u:dev:MediaWiki:Tooltips.js', ]});
	<onlyinclude><includeonly><span id="{{anchorencode:{{{id\|{{{text}}}}}}}}" class="advanced-tooltip" style="border-bottom:{{default\|{{{underline\|}}}\|thin dashed grey}}; cursor:default; display:inline-block;">{{{text}}}<span id="{{anchorencode:{{{id\|{{{text}}}}}}}}-tooltip" class="tooltip-contents hidden">{{{tooltip}}}</span></span></includeonly></onlyinclude>		<onlyinclude><includeonly><span id="{{anchorencode:{{{id\|{{{text}}}}}}}}" class="advanced-tooltip" style="border-bottom:{{default\|{{{underline\|}}}\|thin dashed grey}}; cursor:default; display:inline-block;">{{{text}}}<span id="{{anchorencode:{{{id\|{{{text}}}}}}}}-tooltip" class="tooltip-contents hidden">{{{tooltip}}}</span></span></includeonly></onlyinclude>
	__NOTOC__		__NOTOC__

imported>Garnet-HorizonXI (Fandom) at 00:39, 11 February 2023

2023-02-11T00:39:57Z

← Older revision		Revision as of 00:39, 11 February 2023
Line 1:		Line 1:
			importArticles({ type: 'script', articles: [ 'u:dev:MediaWiki:Tooltips.js', ]});
	<onlyinclude><includeonly><span id="{{anchorencode:{{{id\|{{{text}}}}}}}}" class="advanced-tooltip" style="border-bottom:{{default\|{{{underline\|}}}\|thin dashed grey}}; cursor:default; display:inline-block;">{{{text}}}<span id="{{anchorencode:{{{id\|{{{text}}}}}}}}-tooltip" class="tooltip-contents hidden">{{{tooltip}}}</span></span></includeonly></onlyinclude>		<onlyinclude><includeonly><span id="{{anchorencode:{{{id\|{{{text}}}}}}}}" class="advanced-tooltip" style="border-bottom:{{default\|{{{underline\|}}}\|thin dashed grey}}; cursor:default; display:inline-block;">{{{text}}}<span id="{{anchorencode:{{{id\|{{{text}}}}}}}}-tooltip" class="tooltip-contents hidden">{{{tooltip}}}</span></span></includeonly></onlyinclude>
	__NOTOC__		__NOTOC__

imported>Spiffly: Created page with " __NOTOC__ {{PAGENAMEE}} ==Usage==

 {{Tooltip | text = Jugner Forest | tooltip = F..."

2023-01-12T22:33:06Z

Created page with "<onlyinclude><includeonly>{{{text}}}{{{tooltip}}}</includeonly></onlyinclude> __NOTOC__ {{PAGENAMEE}} ==Usage== <pre> {{Tooltip | text = Jugner Forest | tooltip = F..."

New page

<onlyinclude><includeonly>{{{text}}}{{{tooltip}}}</includeonly></onlyinclude>
__NOTOC__
[[Category:Templates|{{PAGENAMEE}}]]
==Usage==
<pre>
{{Tooltip
| text = [[Jugner Forest]]
| tooltip = [[File:JugnerForest.png|300px]]
}}
</pre>

*''text'' sets the text that will be rendered where this template is placed.
*''tooltip'' sets the wikicode that will be in the tooltip when the text is hovered over.

===Optional Parameters===
*If there is more than one tooltip on a page with the same ''text'' parameter, only the first one will work. Set the template's ''id'' parameter to be unique for each tooltip.
*If you need to force a particular width for the tooltip, you can set a ''width'' parameter with any valid CSS dimension value.
*Using lots of tooltips on a single page can greatly inflate the size and load time. If you set an ''ajax'' parameter to ''yes'', the tooltip will not be loaded until the user hovers over it.

====Style====
*You can force ''border'' and ''padding'' sizes by setting their respective parameters to any valid CSS dimension values. The default is a "1em" padding, and a "1px" border.
*You can change the background color with the ''bgcolor'' parameter (default is "#E9E9E9").
*You can change the border color with the ''bordercolor'' parameter (default is "#A3B1BF").
*You can change the opacity with an ''opacity'' parameter with any decimal value between 0 and 1 (default is 0.92).
*You can change the underline style with the ''underline'' parameter (default is "thin dashed grey").

===Caveats===
When using this template to transclude data that includes a table, it will break.

===Example===
<pre>
{{Tooltip
| text = [[Jugner Forest]]
| tooltip = [[File:JugnerForest.png|300px]]
}}
</pre>
Result: {{Tooltip
| text = [[Jugner Forest]]
| tooltip = [[File:JugnerForest.png|300px]]
}}.

''and''

*Result: {{Tooltip
| text = [[Jugner Forest]]
| tooltip = [[File:JugnerForest.png|300px]]
}}.

Template:Tooltip - Revision history

imported>Aramachus: added option to add css styles

imported>Aramachus: added option to add css classes

imported>Garnet-HorizonXI (Fandom) at 00:40, 11 February 2023

imported>Garnet-HorizonXI (Fandom) at 00:39, 11 February 2023

imported>Spiffly: Created page with "{{{text}}}{{{tooltip}}} __NOTOC__ {{PAGENAMEE}} ==Usage== {{Tooltip | text = Jugner Forest | tooltip = F..."

imported>Spiffly: Created page with "{{{text}}}{{{tooltip}}} NOTOC {{PAGENAMEE}} ==Usage==
{{Tooltip | text = Jugner Forest | tooltip = F..."