Template:Tooltip: Difference between revisions

From SGUTranscripts
Jump to navigation Jump to search
m (dropping the last yes no yes no thingy)
m (dropped forced color so links still show blue)
 
(36 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"><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#correction|the correction made in Episode 829]], or to note a name dear to the Rogues, like {{tooltip|Julia.|one of Steve's daughters}}


not sure what the deal is with the ifeq switches between "yesno-no" and "yesno-yes" in the markup... hopefully I can figure this out later and pare down the unnecessary code for this useful tooltip template
The basic format is: <pre>{{tooltip|_name_or_text_with_punctuation_if_any_|_hovering_note_about_the_name_or_text_}}</pre>


here's an initial example of, well, an [[user:xanderox#tooltip|example 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>
== 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 (#) [[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_longer_text| _hovering_note_}}}}</pre>
renders: {{w|The Skeptics Guide to the Universe |{{tooltip| _Wikipedia_article_title_or_longer_text | _hovering_note_}}}}
</noinclude>
</noinclude>

Latest revision as of 18:31, 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