Template:Tooltip: Difference between revisions
m (added another use of tooltips) |
m (→Link to an SGU Transcripts page: original anchored link is not bolded) |
||
| (30 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<span title="{{{2}}}" class=" | <span class="mw-customtoggle-myDivision"><abbr title="{{{2|}}}">{{{1|}}}</abbr></span><div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myDivision"><small>''{{{2|}}}''</small></div><noinclude> | ||
This template allows for transcribers to attach a hovering note to some text, perhaps to alert readers to a connection to a previous episode, like [[SGU Episode 829# | This template allows for transcribers to attach a hovering note to some text, perhaps to alert readers to a connection to a previous episode, like [[SGU Episode 829#correction|the correction made in Episode 829]], or to note a name dear to the Rogues, like {{tooltip|Julia.|one of Steve's daughters}} | ||
The format is: <pre>{{tooltip| | The basic format is: <pre>{{tooltip|_name_or_text_with_punctuation_if_any_|_hovering_note_about_the_name_or_text_}}</pre> | ||
The above example renders as {{tooltip| | The above example renders as '''{{tooltip|_name_or_text_,|_hovering_note_about_the_name_or_text_}}''' with a dotted line under "_name_or_text_," and a floating '?' above it to draw attention to the hovering note.<br>'''Note:''' "_name_or_text_," has been bolded for emphasis in this example. | ||
< | <small>'''''Also note that clicking/tapping on the underlined text expands the note that hovers for desktop users;<span style="color:#8B0000"> some mobile devices cannot display the hovering text, so this format is more accessible.</span>'''''</small> | ||
To put a tooltip above a link to another Episode, use the tooltip template after the pipe that follows the link. | == Tooltip with Episode/Website/Wiki links == | ||
The tooltip over the | === Link to an SGU Transcripts page === | ||
which renders as [[SGU Episode 829#correction|{{tooltip|Wii Shop Channel Theme|correction made in Episode 829}}]] | To put a tooltip above a link to another Episode, use the tooltip template ''after'' the pipe that follows the link. | ||
The tooltip over the anchored (#) [[SGU Episode 822#tooltipexample|link in Episode 822 to Episode 829]] is formatted: <pre>[[SGU Episode 829#correction|{{tooltip|Wii Shop Channel Theme.|correction made in Episode 829}}]]</pre> | |||
which renders as [[SGU Episode 829#correction|{{tooltip|Wii Shop Channel Theme.|correction made in Episode 829}}]] | |||
=== Link to a website === | |||
To put a tooltip above a link to a website, use the tooltip template inside the single <code>[</code>brackets<code>]</code>, ''after'' the url, as in [[SGU_Episode_946#References|the References list from Episode 946]]. This example currently does not do this, since the latest tooltip template winds up making a duplicated link...it may be preferable to put the tooltip ''outside'' the brackets for the website: | |||
<pre>Harefuah (a medical journal by the {{tooltip|IMA):|Israel Medical Association}} [https://pubmed.ncbi.nlm.nih.gov/12187564/ Titin: some aspects of the largest protein in the body]</pre> | |||
which renders as Harefuah (a medical journal by the {{tooltip|IMA):|Israel Medical Association}} [https://pubmed.ncbi.nlm.nih.gov/12187564/ Titin: some aspects of the largest protein in the body] | |||
=== Link to a Wikipedia article === | |||
To Put a tooltip about a link to a wikipedia article that uses the [[Template:W|Wikipedia template]], use the tooltip template ''after'' the pipe that follows the Wikipedia article name. Make sure to close both the W and tooltip templates with double close braces: <code>}} }}</code> Example: | |||
<pre>{{w|TRIUMF|{{tooltip|TRIUMF|Canada's national particle accelerator centre}}}}</pre> | |||
which renders as {{w|TRIUMF|{{tooltip|TRIUMF|Canada's national particle accelerator centre}}}} inside the episode infobox in [[SGU Episode 952]]. | |||
== Usage == | |||
Formatting certain examples: | |||
===Hover text inside an internal SGU Transcripts link=== | |||
<pre>[[_SGU_transcript_pagename_#with_anchor_if_anchor_|{{tooltip|_name_or_text_|_hovering_note_about_the_name_or_text_}}]]</pre> | |||
renders: [[Template:Tooltip#Usage|{{tooltip|_name_or_text_|_hovering_note_about_the_name_or_text_}}]] | |||
===Hover text inside a hyperlink (currently semi-problematic)=== | |||
<pre>[_website_URL_ {{tooltip|_name_of_webpage_or_other_info_|_hovering_note_}}]</pre> | |||
renders: [http://www.sgutranscripts.org {{tooltip|_name_of_webpage_or_other_info_|_hovering_note_}}]</pre> | |||
===Hover text inside Wikipedia template call=== | |||
<pre>{{w|_Wikipedia_article_title|{{tooltip|_Wikipedia_article_title_or_alternate_text| _hovering_note_}}}}</pre> | |||
renders: {{w|The Skeptics Guide to the Universe |{{tooltip| _Wikipedia_article_title_or_alternate_text | _hovering_note_}}}} | |||
</noinclude> | </noinclude> | ||
Latest revision as of 06:29, 27 November 2024
This template allows for transcribers to attach a hovering note to some text, perhaps to alert readers to a connection to a previous episode, like the correction made in Episode 829, or to note a name dear to the Rogues, like Julia.
The basic format is:
{{tooltip|_name_or_text_with_punctuation_if_any_|_hovering_note_about_the_name_or_text_}}The above example renders as _name_or_text_,
with a dotted line under "_name_or_text_," and a floating '?' above it to draw attention to the hovering note.
Note: "_name_or_text_," has been bolded for emphasis in this example.
Also note that clicking/tapping on the underlined text expands the note that hovers for desktop users; some mobile devices cannot display the hovering text, so this format is more accessible.
Tooltip with Episode/Website/Wiki links
Link to an SGU Transcripts page
To put a tooltip above a link to another Episode, use the tooltip template after the pipe that follows the link.
The tooltip over the anchored (#) link in Episode 822 to Episode 829 is formatted:
[[SGU Episode 829#correction|{{tooltip|Wii Shop Channel Theme.|correction made in Episode 829}}]]
which renders as Wii Shop Channel Theme.
Link to a website
To put a tooltip above a link to a website, use the tooltip template inside the single [brackets], after the url, as in the References list from Episode 946. This example currently does not do this, since the latest tooltip template winds up making a duplicated link...it may be preferable to put the tooltip outside the brackets for the website:
Harefuah (a medical journal by the {{tooltip|IMA):|Israel Medical Association}} [https://pubmed.ncbi.nlm.nih.gov/12187564/ Titin: some aspects of the largest protein in the body]which renders as Harefuah (a medical journal by the IMA):
Titin: some aspects of the largest protein in the body
Link to a Wikipedia article
To Put a tooltip about a link to a wikipedia article that uses the Wikipedia template, use the tooltip template after the pipe that follows the Wikipedia article name. Make sure to close both the W and tooltip templates with double close braces: }} }} Example:
{{w|TRIUMF|{{tooltip|TRIUMF|Canada's national particle accelerator centre}}}}
which renders as TRIUMF
inside the episode infobox in SGU Episode 952.
Usage
Formatting certain examples:
Hover text inside an internal SGU Transcripts link
[[_SGU_transcript_pagename_#with_anchor_if_anchor_|{{tooltip|_name_or_text_|_hovering_note_about_the_name_or_text_}}]]
renders: _name_or_text_
Hover text inside a hyperlink (currently semi-problematic)
[_website_URL_ {{tooltip|_name_of_webpage_or_other_info_|_hovering_note_}}]renders: _name_of_webpage_or_other_info_
Hover text inside Wikipedia template call
{{w|_Wikipedia_article_title|{{tooltip|_Wikipedia_article_title_or_alternate_text| _hovering_note_}}}}