TUTORIAL TUESDAY: How to add Descriptions on Link Hovers
This is newly popular on tumblr, and although there is an easy html way to do this with title, i wanted to post a way that you can style them using the popular Tool Tip method
Now first add this code to your <style> or <Style type="text/css"> tag
a.tip span { display: none } a.tip:hover span { border: #fcf 3px solid; /*Change border color, style, and width*/ padding: 5px; text-align: center; display: block; z-index: 100; background: #fff; /*Change background color here*/ margin: 10px; max-width: 200px; position: absolute; top: 15px; box-shadow: 10px 10px 5px #888888; }
Now just paste this code where you want the link
<a href="#" class="tip">LINK TITLE<span>DESCRIPTION HERE</span></a>
And if you are still confused. here is a link where can view and play with code here
Now REMEMBER that you have to put this code for EVERY LINK you want a Description. And change Title and Description for each link.