Tooltips 3

Page 1: Using Tips MooTools
Page 2: Using ToolTip MooTools
Page 3: Standard tooltips (currently visiting)

Page 3: Standard tooltips

And here you find how to add them...

Text Link:

www.wpfaq.org

There are different styles, in general:

<a href="URL of the link" title="Tooltip title :: Tooltip content" target=”_blank”>Link title</A>

Replace:

URL of the link: The web address the link should point to
Tooltip title: The title that displays on the tooltip
Tooltip content: The content of the tooltip
target=”_blank” opens the link in a new window if you want it to open in the same window change _blank to _top
Link title: Is the name of the link that will display on the page

<a href="http://wpfaq.org" title="WPFAQ.org :: The best source of Tutorials, Tips & Tricks about WordPress" target=”_blank”>www.wpfaq.org</a>

Thumbnail:

<img src="URL of the image" title="Tooltip title :: Tooltip content">

Again you need to define a title and content as described above. In addition to that you need to replace URL of the image with the web address of the thumbnail you want to display.

<img src="http://wpfaq.org/media/WPminilogored.png" title="WPFAQ.org :: The best source of Tutorials, Tips & Tricks about WordPress">

Thumbnail Link:

<a href="URL of the link" title="Tooltip title :: Tooltip content" target=”_blank”><img src="URL of the image"></a>

Again you need to choose a style, title, content, url of the image and url of the link as described above.

<a href="http://wpfaq.org" title="WPFAQ.org :: The best source of Tutorials, Tips & Tricks about WordPress" target=”_blank”><img src="/media/WPminilogo.png"></a>

That’s it.