Template:Tooltip: Difference between revisions

From SGUTranscripts
Jump to navigation Jump to search
m (→‎Usage: examples)
m (tiny desc update)
(19 intermediate revisions by the same user not shown)
Line 1: Line 1:
<span title="{{{2}}}" class="rt-commentedText explain">{{{1|}}}</span><noinclude>
<span class="mw-customtoggle-myDivision"><abbr title="{{{2|}}}">{{{1|}}}</abbr></span><div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myDivision">{{{2|}}}</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#correction|the correction made in Episode 829]], or to note a name dear to the Rogues, like {{tooltip|Julia|one of Steve's daughters}}.
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 basic format is: <pre>{{tooltip|_name_or_text_|_hovering_note_about_the_name_or_text_}}</pre>
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|_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.
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>
== Tooltip with Episode/Website/Wiki links ==
== Tooltip with Episode/Website/Wiki links ==
=== Link to an SGU Transcripts page ===
=== 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.  
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 bolded, 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>
The tooltip over the bolded, 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}}]].
which renders as [[SGU Episode 829#correction|{{tooltip|Wii Shop Channel Theme.|correction made in Episode 829}}]]


=== Link to a website ===
=== 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]]. Example:
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>[https://pubmed.ncbi.nlm.nih.gov/12187564/ Harefuah (a medical journal by the {{tooltip|IMA|Israel Medical Association}}): [Titin: some aspects of the largest protein in the body]]</pre>
<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 [https://pubmed.ncbi.nlm.nih.gov/12187564/ Harefuah (a medical journal by the {{tooltip|IMA|Israel Medical Association}}): [Titin: some aspects of the largest protein in the body]]
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 ===
=== Link to a Wikipedia article ===
Line 21: Line 22:


which renders as {{w|TRIUMF|{{tooltip|TRIUMF|Canada's national particle accelerator centre}}}} inside the episode infobox in [[SGU Episode 952]].
which renders as {{w|TRIUMF|{{tooltip|TRIUMF|Canada's national particle accelerator centre}}}} inside the episode infobox in [[SGU Episode 952]].
== Usage ==
== Usage ==
Formatting certain examples:  
Formatting certain examples:  
Line 26: Line 28:
<pre>[[_SGU_transcript_pagename_#with_anchor_if_anchor_|{{tooltip|_name_or_text_|_hovering_note_about_the_name_or_text_}}]]</pre>
<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_}}]]
renders: [[Template:Tooltip#Usage|{{tooltip|_name_or_text_|_hovering_note_about_the_name_or_text_}}]]
===Hover text inside a hyperlink===
===Hover text inside a hyperlink (currently semi-problematic)===
<pre>[_website_URL_ {{tooltip|_name_of_webpage_or_other_info_|_hovering_note_}}]</pre>
<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>
renders: [http://www.sgutranscripts.org {{tooltip|_name_of_webpage_or_other_info_|_hovering_note_}}]</pre>

Revision as of 16:41, 16 May 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.

one of Steve's daughters

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_,

_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.
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 bolded, 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):

Israel Medical Association

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_

_hovering_note_

Hover text inside Wikipedia template call

{{w|_Wikipedia_article_title|{{tooltip|_Wikipedia_article_title_or_longer_text| _hovering_note_}}}}

renders: _Wikipedia_article_title_or_longer_text