Hover Description forText, Links & Images

Sometimes when visitors are unfamiliar with your site they may need a little extra guidance in finding what they want.  With this tweak you can add a description or message to display when a user hovers over the item.

• Adding Hover Description To Text:

Example:

Hover Over This Text

Here is the HTML syntax.

<span title="My Hover Description">Hover Over This Text</span>

Orange it the description message to display when hovering.
Red is the text that will display on site.

• Adding Hover Description To Links

Exmple:
Hover Over This Link

Here is the HTML syntax.

<a href="URL" title="My Hover Description">Hover Over This Link</a>

Blue text is the link URL.
Orange text is the description message to display when hovering.
Red text is the link text to display on site.

• Adding Hover Description To Images:

Example:

Here is the HTML syntax.

<span title="My Hover Description"><img src="DIRECT IMAGE URL" /></span>

Orange is the description message to display while hovering.
Green is the direct image URL.