Hover Title Tutorial (QTip)

Hover Tutorial (QTip) Tutorial.
Level: EASY!
Tutorial by: urbanclique
Disclaimer: I don't own any copyrights to the coding. Credits to the respective owner(s) or maker(s).
-------------------------
STEP ONE:
Paste this code UNDER the <head> tag of your theme.

<script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
<script>function changeNavigation(id) {document.getElementById('default').innerHTML=document.getElementById(id).innerHTML}</script>

-------------------------
STEP TWO:
Paste the code below UNDER the <style type="text/css">, and remember to edit it  to your liking!

#qTip {
display: none;
background: #bbccdd;
color: #FFF;
padding: 2px 4px;
font-family: arial;
font-size: 9px;
text-transform: none;
border-radius: 0px;
border: 0px dotted #fff;
z-index: 99999;
position: absolute;
}

-------------------------
STEP THREE:
Now you're almost done! All you need to do now is to put a title on your links.
Usually the links go like this (<a href="/">link name</a>) but in order for this
tutorial to work you're going to have to put a title on your links like so:

					<a href="/" title="TITLE PUT WHATEVER YOU WANT HERE"> home </a>

and that's it! You're done.
-------------------------------
	END OF TUTORIAL
-------------------------------