Tutorial: Tooltip onHover comment
17.6.13
 Preview is is in this blog. To get one, simply copy and paste the following Html codes.


  • Paste the codes below before <style type="text/css">

<script src="http://static.tumblr.com/5ojoydj/p9wmmzopi/jquery.style-my-tooltips.js"></script>
<script src="http://static.tumblr.com/5ojoydj/En2mmzorm/style-my-tooltips.css"></script>
<script>
     (function($){
         $(document).ready(function(){
             $("[title]").style_my_tooltips({
    tip_follows_cursor:true,
    tip_delay_time:100,
    tip_fade_speed:100,
    attribute:"title"
});
         });
     })(jQuery);
 </script>

  •  Paste these codes after  <style type="text/css">
#s-m-t-tooltip{
width:auto;
z-index:10;
margin:15px 10px 3px 10px;
padding:5px;
background-color:#fff;
font-family:'helvetica';
letter-spacing:1px;
font-size:8px;
line-height:5px;
color:#ccc;
text-transform:uppercase;
border:2px solid #eee;
z-index:999999999;
}
  • I suppose you're familiar with <a href="LINK"></a>. Thus, all you have to is place this---> title="WORD" after "LINK"
example:
 <a href="LINK" title="WORD"></a>

Labels: , , , ,