Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- Tooltips tutorial by eruhption (esme)
- put this code under <head> (NOTE: YOU WILL MOST LIKELY NEED TO RE-TYPE THE "")
- <script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js”></script> <script src=”http://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; /* change the background color you can change it to transparent too*/
- border:1px solid #000; /* change the border and its color */
- font-family: ‘Short Stack’, cursive;/* change the font */
- font-size:10px; /* change the font size */
- letter-spacing:0px; /* change the letter spacing */
- text-transform:lowercase; /* can be none , lowercase or even uppercase!*/ color:#0000; /* change the text color */ z-index:999999999999999999999999999999999999; }
- </style>
- now to make the tooltips show up you need to make any links look like this
- <a href=”LINK” title=”TEXT OF TOOLTIP”>TEXT OF LINK”</a>
- -esme
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
