Advertisement
ireallywantagf

Tooltip Code

Oct 12th, 2017
781
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.90 KB | None | 0 0
  1. Paste this code right after the </head> tag.
  2.  
  3. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script src="https://static.tumblr.com/rtrqcib/VGGnlh8rf/jquery.style-my-tooltips.min.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:0,tip_fade_speed:0,attribute:"title"});});})(jQuery);</script>
  4.  
  5. <style>
  6. .tooltip{
  7. display: inline;
  8. position: relative;}
  9.  
  10. #s-m-t-tooltip {
  11. text-align:center;
  12. max-width:200px;
  13. padding:3px;
  14. margin:20px;
  15. background-color:white;
  16. color:black;
  17. font-size:17px;
  18. letter-spacing:1px;
  19. border-radius:0px;
  20. word-wrap:break-word;
  21. z-index:999999999999999999999999999999999999;
  22. }
  23. </style>
  24.  
  25. Only edit the <style> section! That's where you can play with the display of the tooltip. If you're experienced with scripting, feel free to play around with the script too, though.
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement