Difference between revisions of "Template:Tooltip"

From Game Logs
Jump to: navigation, search
m
m (Expanded manual.)
 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly><span class="tooltip">{{{Text}}}<span class="tooltiptext" width="{{{Width}}}">{{{Popup}}}</span></span></includeonly>
+
<includeonly><span class="tooltip">{{{Text}}}<span class="tooltiptext" style="padding:{{{Padding|3px}}}; left:50%; transform:translateX(-50%); width:{{{Width|max-content; max-width:80vw}}}; {{{Style}}}">{{{Popup}}}</span></span></includeonly><noinclude>
<noinclude>
 
 
[[Category:Appearance]]
 
[[Category:Appearance]]
 
Mouseover tooltips. Example:
 
Mouseover tooltips. Example:
  <nowiki>{{Tooltip|Text=CAT|Width=15em|Popup=Combat Application Tourniquet}}<-hover over me, senpai!</nowiki>
+
  <nowiki>{{Tooltip|Text=CAT|Padding=0.2em|Width=15em|Popup=Combat Application Tourniquet}}<-hover over me, senpai!</nowiki>
{{Tooltip|Text=CAT|Width=15em|Popup=Combat Application Tourniquet}}<-hover over me, senpai!
+
{{Tooltip|Text=CAT|Padding=0.2em|Width=15em|Popup=Combat Application Tourniquet}}<-hover over me, senpai!
 +
 
 +
or even
 +
<nowiki>{{Tooltip|Text=[[Sigrid Viss]]|Popup={{:Sigrid Viss}} }}</nowiki>
 +
{{Tooltip|Text=[[Sigrid Viss]]|Popup={{:Sigrid Viss}} }}
 +
 
 +
 
 +
You can add CSS-styling in Style:
 +
  <nowiki>{{Tooltip|Text=Use with caution!|Style=text-align:justify; transform:translateX(100px);|Popup=...}}</nowiki>
 +
{{Tooltip|Text=Use with caution!|Style=text-align:justify; transform:translateX(100px);|Popup=Ph'nglui mglw'nafh Cthulhu R'lyeh wgah'nagl fhtagn. Nasyha'h 'ai naflli'hee Nyarlathotep natharanak phlegeth, nanw kadishtuor chtenff Dagon shagg nog nabug Hastur f'Azathoth llll, f'sll'ha bug geb naflnilgh'ri hlirgh ee wgah'n sll'ha cli'hee cr'luh. Geb ehye Chaugnar Faugn nilgh'ri tharanak R'lyeh hrii goka fm'latgh nnnilyaa, Hastur nog 'bthnk nalloig ngHastur y-y'hah y-hlirgh cgoka. Ebunma Dagon vulgtlagln shagg gotha fhtagn h'vulgtm, ebunma R'lyeh ep hafh'drn ehye zhro hlirgh, bug shagg naflnw wgah'nagl Tsathoggua. Hai llll lw'nafhagl chtenffagl Hastur h'syha'h hai ah f'vulgtlagln, nnnTsathoggua Yoggoth ooboshu h'hrii ulnyar mg phlegeth zhroyar 'ai, li'heenyth lloig nghai ron stell'bsna ebunma Nyarlathotep.}}
 +
 
 +
 
 +
To move popup left or right use
 +
  Style=transform:translateX(-90%);  // <LEFT
 +
  Style=transform:translateX(-50%);  //    CENTER (default)
 +
  Style=transform:translateX(-10%);  //      RIGHT>
 +
Values can be pozitive, negative and in percents (%), pixels (px).
 +
 
 
</noinclude>
 
</noinclude>

Latest revision as of 10:38, 24 May 2021

Mouseover tooltips. Example:

{{Tooltip|Text=CAT|Padding=0.2em|Width=15em|Popup=Combat Application Tourniquet}}<-hover over me, senpai!

CATCombat Application Tourniquet<-hover over me, senpai!

or even

{{Tooltip|Text=[[Sigrid Viss]]|Popup={{:Sigrid Viss}} }}
Sigrid Viss
Sigrid Viss, bard (lvl 1) / warlock (lvl 7)
Medium humanoid (aasimar), neutral good
Armor Class 13 (leather armor)
Hit Points 51 (8d8+8)
Speed 30 ft.

STRDEXCONINTWISCHA
8 (-1)14 (+2)12 (+1)10 (+0)14 (+2)18 (+4)

Saving Throws Dex +5, Cha +7
Skills Arcana +3, Deception +7, Insight +5, Investigation +3, Performance +7, Persuasion +7, Sleight of Hand +5
Damage Resistances necrotic, radiant
Senses darkvision 60ft., passive Perception 12
Languages Common, Celestial, Elvish
Tools disguise kit, flute, lute, pan flute
Weapons simple weapons, hand crossbows, longswords, rapiers, shortswords
Armor light

Spellcasting. As a 1st-level bard Sigrid has two 1st-level spell slots. As 7th-level warlock she has two 4th-level spell slots. She can cast rituals and cantrips at-will. Sigrid has DC 15 spell saves and +7 to hit with spell attacks.
Healing. Once per day as an action, Sigrid can touch a creature and cause it to regain 8 hit points. Also, as a bonus action, she can heal one creature she can see within 60 feet of her, spending dice (maximum 4d6 at once) from the pool (8d6, refreshes after long rest).
Mimicry. Sigrid has advantage on Charisma (Deception) and Charisma (Performance) checks when trying to pass herself off as a different person. She can mimic the speech of another person or the sounds made by other creatures.


You can add CSS-styling in Style:

 {{Tooltip|Text=Use with caution!|Style=text-align:justify; transform:translateX(100px);|Popup=...}}

Use with caution!Ph'nglui mglw'nafh Cthulhu R'lyeh wgah'nagl fhtagn. Nasyha'h 'ai naflli'hee Nyarlathotep natharanak phlegeth, nanw kadishtuor chtenff Dagon shagg nog nabug Hastur f'Azathoth llll, f'sll'ha bug geb naflnilgh'ri hlirgh ee wgah'n sll'ha cli'hee cr'luh. Geb ehye Chaugnar Faugn nilgh'ri tharanak R'lyeh hrii goka fm'latgh nnnilyaa, Hastur nog 'bthnk nalloig ngHastur y-y'hah y-hlirgh cgoka. Ebunma Dagon vulgtlagln shagg gotha fhtagn h'vulgtm, ebunma R'lyeh ep hafh'drn ehye zhro hlirgh, bug shagg naflnw wgah'nagl Tsathoggua. Hai llll lw'nafhagl chtenffagl Hastur h'syha'h hai ah f'vulgtlagln, nnnTsathoggua Yoggoth ooboshu h'hrii ulnyar mg phlegeth zhroyar 'ai, li'heenyth lloig nghai ron stell'bsna ebunma Nyarlathotep.


To move popup left or right use

 Style=transform:translateX(-90%);   // <LEFT
 Style=transform:translateX(-50%);   //    CENTER (default)
 Style=transform:translateX(-10%);   //       RIGHT>

Values can be pozitive, negative and in percents (%), pixels (px).