HELP CONTENTS · Getting Started · New to WoWWIKI · Editing WoWWIKI · Editing WoWWIKI (advanced) The WoWWIKI Community · Additional Help · Updating for Mists of Pandaria
See Wikia Help for general Wikia- and wiki- related help. See  Meta-Wiki HelpIntro for basic MediaWiki usage!

This is an overview of the various WoWWiki tooltips that display when you mouseover a link (assuming you have JavaScript support in your browser). In addition, it explains the special relationships between several important templates that work together to show these tooltips .

{{Item}}, {{Loot}}, and {{Tooltip}}

The {{item}} and {{loot}} templates both create a tooltip link, using information from the {{tooltip}} on the item's page. Do not use {{item}} tooltip inside {{tooltip}} or {{settip}}.

Item vs. Loot

Item	Loot
Pulls the color directly from the {{tooltip}}	Displays the color from the <quality> parameter
More load on server	Less load on server
Invalid pages are red	Invalid pages create DB links
Pages with no/invalid {{tooltip}} embed the target page contents into page with {{item}}.	Pages with no/invalid {{tooltip}} display an Error tooltip.
Can display item icon	Can be used for enchants

Item format: {{item|<page_name>|<display_name>}} + |icon=.

• <page_name> is the only required parameter.
• Include |icon= to have the item's icon appear.

Link format: {{loot|<quality>|<page_name>|<display_name>}}.

• <quality> determines the color of the link.
• <page_name> is the only required parameter.
• <display_name> can be used to hide disambiguations.

{{item}} Example	Result	{{loot}} Example	Result
{{item|Warp Slicer|s}}	[Warp Slicers]	{{loot|legendary|Warp Slicer|s}}	[Warp Slicers]
{{item|Dignified Headmaster's Charge}}	[Dignified Headmaster's Charge]	{{loot|epic|Dignified Headmaster's Charge}}	[Dignified Headmaster's Charge]
{{item|Invalid Page}}	Invalid Page	{{loot|common|Invalid Page}}	[Invalid Page]
{{item|Archeus|icon=}}	[Archeus]	{{loot|uncommon|Archeus}}	[Archeus]
Enchants not available		{{loot|enchant|Enchant Weapon - Fiery Weapon}}	[Enchant Weapon - Fiery Weapon]
{{item|Corruption (sword)|Corruption}}	[Corruption]	{{loot|rare|Corruption (sword)|Corruption}}	[Corruption]

The enchant syntax for {{loot}} is proper for profession modifications that function as enchantments such as [Fur Lining - Stamina] and [Socket Bracer], which use the Embroid template for their {{tooltip}}.

Both {{item}} and {{loot}} require a valid {{tooltip}} on the target page to function correctly.

Example {{tooltip}}

<onlyinclude>{{{{{tpl|tooltip}}}
|mode={{{mode|}}}
|arg={{{arg|}}}
|itemid=2000
|dmg=63 - 95
|speed=3.30
|icon=INV_Sword_08
|quality=Uncommon
|effect=Chance on hit: Blasts a target for 85 Arcane damage.
|flavor=[[Morgan Ladimore]]'s sword.
|name=Archeus
|durability=85
|bind=BoP
|type=Sword
|slot=Two-Hand
|dps=23.9 
|sell={{cost||88|27}}
|ilvl=35
}}</onlyinclude>

You can use the following item to test the contents of various {{tooltip}} parameters

[Test loot]

{{Mob}}, {{NPC}}, and {{Npcbox}}

The {{mob}} and {{NPC}} templates both create a tooltip link, using information from the {{npcbox}} on the NPC's page ({{Mobbox}} was previously used for {{mob}}, but has been replaced with {{Npcbox}}).

Mob vs. NPC

Mob	NPC
Displays a combat icon before the link.	Displays the icon from the <faction> parameter.
Used only for NPCs that neither faction can interact with.	Used for NPCs that at least one faction can interact with.

Mob format: {{mob|<page_name>|<title>|<display_name>}}. See {{mob}} for additional parameters.

• <page_name> is the only required parameter.
• <title> should only be the title displayed when mousing over the NPC in-game.
• <display_name> can be used to hide disambiguations.

NPC format: {{NPC|<faction>|<page_name>|<title>|<display_name>}}. See {{NPC}} for additional parameters.

• <faction> inserts an icon for the NPC's faction before link. Values: Alliance, Horde, Neutral, Combat.
• <page_name> is the only required parameter.
• <title> should only be the title displayed when mousing over the NPC in-game.
• <display_name> can be used to hide disambiguations.
• <level=>, a named parameter*, is the NPC's level.
• <icon=>, a named parameter*, is the NPC's level.

*Named parameters can be placed anywhere in the parameters and will not affect the ordered parameters.

{{mob}}Example	Result	{{NPC}} Example	Result
{{Mob|Alexander Calder|Warlock Trainer}}	Alexander Calder <Warlock Trainer>	{{NPC|Alliance|Alexander Calder|Warlock Trainer}}	Alexander Calder <Warlock Trainer>
{{Mob|Lord Victor Nefarius|Lord of Blackrock|level=??+}}	[??+] Lord Victor Nefarius <Lord of Blackrock>	{{NPC||level=70+|Andormu|Keepers of Time}}	[70+] Andormu <Keepers of Time>

Both {{mob}} and {{NPC}} require a valid {{Npcbox}} on the target page to function correctly.

Example {{Npcbox}}

{{npcbox
 | name = Alexander Calder
 | image = Alexander Calder.jpg
 | title = Warlock Trainer
 | level = 60
 | type = 
 | faction = Alliance
 | city = 
 | race = Human
 | creature = Humanoid
 | sex = Male
 | location = [[Ironforge]]
 | relatives = [[Amelia Calder|Amelia]] (sister), [[Deze Snowbane]] (cousin)
 | status = Alive
}}

{{Quest}}, {{Questlong}}, or {{Questclass}}; and {{Questbox}}

The {{Quest}}, {{Questlong}}, or {{Questclass}} templates create varying types of quest links that display tooltip with a subset of quest info from data in the {{Questbox}} of the target quest.

Example	Result
{{quest|Divino-matic Rod}}	Divino-matic Rod
{{questlong|Neutral|47D|Divino-matic Rod}}	[47D] Divino-matic Rod
{{questclass|Neutral|Warlock|60G|Suppression}}	[60G] Suppression

For the {{Quest}}, {{Questlong}}, or {{Questclass}} templates to work, the target quest must contain a completed {{Questbox}} template.

Example {{Questbox}}

{{questbox
| name = Suppression
| faction = Neutral
| level = 60
| levelreq = 60
| class = warlock
| type = Group
| category = Blasted Lands
| start = {{NPC|Neutral|Daio the Decrepit|level=60}}
| experience = 650
| rewards = {{loot|rare|Tome of Sacrifice}}
| id = 7583
}}

{{Coords}}

This template creates a superscript link to a page with the name of the 3rd (map) parameter and shows a tooltip of the corresponding map with a marker () for where the coordinates are on the map.

Example	Result
{{coords|54|51|Stormwind}}	[54, 51]
{{coords|56|75|Durotar}}	[55.8, 75.3]

For a list of map names to use, see Template:Coords/Maps.

{{Ability}}

This template creates a link to a spell or other ability.

Example	Result
{{ability|Frostfire Bolt}}	[Frostfire Bolt]
{{ability|Execute|Mage killer}}	[Mage killer]
{{ability|Magical Pink Pony Power}}	[Magical Pink Pony Power]

This template requires {{Infobox ability}} to be on the target page.

How it works

The templates work in combination with Javascript to load the box, tooltip, or other relevant data for display. The mechanism was developed by Pcj.

This text is stored on Wikia Community Central. Suggest changes here.

Have you ever seen pages or tables that had mouse-over tool-tips that would appear when you hovered your mouse over certain words or phrases. Have you ever wondered how they did this?

Then you have come to the right page to lean how to do basic mouse-over tool-tips.

Step-by-step

In order to make the basic mouse-over tool-tip all you will have to do is surround the text you wish to have the tool-tip with span tags containing the parameter title="text goes here!" within the opening span tag, like this <span title="This is a tool-tip!">Mouse-over me to see the tool-tip!</span> and you will get:

Mouse-over me to see the tool-tip!

You can also change the way the cursor looks when hovering over the same text or any other text using the same method above and by adding the following parameter style="cursor:< cursor-style >;" to the opening span.

1. style="cursor:auto;", style="cursor:default;" or style="cursor:text;" will produce this:

   Mouse-over me to see the cursor.

2. style="cursor:crosshair;" will produce this:

   Mouse-over me to see the cursor.

3. style="cursor:help;" will produce this:

   Mouse-over me to see the cursor.

4. style="cursor:move;" will produce this:

   Mouse-over me to see the cursor.

5. style="cursor:pointer;" will produce this:

   Mouse-over me to see the cursor.

6. style="cursor:progress;" will produce this:

   Mouse-over me to see the cursor.

7. style="cursor:wait;" will produce this:

   Mouse-over me to see the cursor.

For those re-size arrows you would use the following:

1. style="cursor:e-resize;" or style="cursor:w-resize;" will produce this:

   Mouse-over me to see the cursor.

2. style="cursor:n-resize;" or style="cursor:s-resize;" will produce this:

   Mouse-over me to see the cursor.

3. style="cursor:ne-resize;" or style="cursor:sw-resize;" will produce this:

   Mouse-over me to see the cursor.

4. style=cursor:"nw-resize;" or style=cursor:"se-resize;" will produce this:

   Mouse-over me to see the cursor.

You can combine these parameters and many others such as color, background, title=" text ", etc ... to get varied outputs. You can not break anything by adding any of these parameters to your span tags so go experiment and have fun.

See also

• Learn how to create a new page
• Learn how to modify text
• Learn how to make tables

Further Help & Feedback