Make a Tool Tip from a Title Tag: Awesome JQuery Tooltips

I created my social media icon titles using Jquery.

Learn how to customize your own title tags and tool tips here: http://jquerytools.org/demos/tooltip/index.html

What I used:

CSS Code:

.tooltip {
display: none;
background:transparent url(http://desaraeveit.com/wp-content/themes/Trim/images/tooltip-arrow.png);
font-size:12px;
height:70px;
width:160px;
padding:25px;
color:#eee;
top: 53px !important;
}
.tooltip a {
color: #fff !important;
}

JQUERY

<script> $(function() {
$(“#social-icons img[title]“).tooltip();
});

</script>

You will also need to have jquery.tools.min.js from JQUERY.com’s library.