how to have tooltips // updated
okay guys tooltips are the little bubbles that pop up following your cursor when you hover on something. the live preview is on my blog (x) first you will need to put this under <head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script> <script> (function($){ $(document).ready(function(){ $("[title],a[title],img[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:100, tip_fade_speed:300, attribute:"title" }); }); })(jQuery); </script><style>
#s-m-t-tooltip{max-width:300px;
padding:4px 4px 4px 4px;
margin:20px 0px 0px 20px;
background: #fff;
border:1px solid #eee;
font-family: Calibri;
font-size:10px;
letter-spacing:1px;
text-transform: uppercase;
color:#555;
z-index:999999999999999999999999999999999999;
}
</style>
okay so that is all!
you can modify it too~
background ~ background color (html color codes x)
border ~ the width, color and style of the border (put 0 if you don’t want borders)
font-family ~ the font family in the tooltip
font-size ~ the size of the font
text-transform ~ can be uppercase, lowercase or none
color ~ the color of the text
letter-spacing ~ the spacing between the letters in the tooltip
// claire