Home     SSI Lab     CSS Templates     CSS     Htaccess     Web Design     XHTML

Design Tutorials




CSS Templates



Web Design

Getting Started

Site Building

Web Tricks

Legal Issues




Putting a link description into a status bar.


Ever mouseover a link and see that instead of seeing the normal page address you see a few words or line of text? This guide shows the very simple way this is done.

Tested in Mozilla Icon IE6 Icon

Basic Code:

The basic code is as follows:

<a href="#" onmouseover="window.status='Ta da! Link description here';return true;" onmouseout="window.status=' ';return true;">Link</a>

Result: mouseover the following link and look at your browsers status bar below: Link

You can add it to any number of links. Try to use a short but descriptive link description. Here are some examples, just mouseover the following links and check the descriptions in the status bar. Note, these are dead links, don't bother to click on them as they are only for demonstration.

CSS Templates
Contact Us
Too Long

It's a very simple effect but can add a professional touch to a web site. Many people notice these small attention-to-detail type things.

Advertisement Sign up for free to PayBox.me today and get $25 just for joining AND earn up to $20 per day for participating.