Home HTML Tips Description With Your Linkie

Description With Your Linkie

E-mail Print PDF
Add a cool description effect to your linkies. When someone hovers over your linkie, a colored message will be displayed next to it.
Place this snip between your head tags and change colors, etc. to suit your taste:

Code:

<style>
a span.tooltip { display:none; }
a:hover span.tooltip {
padding:3px; z-index: 100;
float: right;
position: absolute;
text-align: center;
text-decoration: none;
width: 130px;
margin-top: 10px;
margin-left: -30px;
background-color: #CECECE;
border: 1px dotted #000000;
color: #000000;
font-family: Verdana;
font-size: 10px;
display: block;
filter: progid: DXImageTransform.Microsoft.Shadow(color=black,direction=135);
}
</style>

Use this snip for your linkie:

Code:

<a href="/URL" target="new">Click<span class="tooltip">DESCRIPTION</span></a>

Change URL to the url you are linking to.
Change Click to the text you want display for the link itself.
Change DESCRIPTION to the description you want shown when someone hovers over the linkie.
 

Domain Names

Sample image .com .info
.mobi .net
.org .tv .us
.biz .ws .name
.am .at .be .cc .cn .de .eu
.fm .jobs .jp .ms .nu .nz
.tc .tw .uk .vg .ASIA .ME

Website Hosting

Sample image We're the affordable, reliable place to host your site. And unlike the competition, there's no set up fee and no annual commitment.

24/7 Support

Sample image Our highly trained, courteous support staff is waiting to help. We'll resolve any issue to your complete satisfaction.