HTML - Create a fancy tooltip using Tipped

Tipped is software that allows you to create much fancier Tooltips.

  1. Download the light version of Tipped from
  2. Go to your Downloads folder.
  3. Extract the folder.
  4. Inside the unzipped folder are subfolders css, example,and  js). Move the contents of each of these folders to the matching folders on your Web server.

To use Tipped, add the following to the HEAD of your Web page.

<script type="text/javascript" src=""></script>
<script type="text/javascript" src="/js/tipped/tipped.js"></script>
<link rel="stylesheet" type="text/css" href="/css/tipped/tipped.css"/>


Then use the following code so that your tooltips are fancy.

<span class="first-tooltip" title="Hello World">The human says</span>
<span class="first-tooltip" title="Hello Lifeform">The Earth responds</span>

<script type="text/javascript">
  $(document).ready(function() {

Did you find this article helpful?

If so, consider buying me a coffee over at Buy Me A Coffee

Add a Comment

We will never share your name or email with anyone. Enter your email if you would like to be notified when we respond to your comment.

Please enter 62360 in the box below so that we can be sure you are a human.


Web design by yours truely - me, myself, and I   |   |