Flashy unobtrusive boxes that give hints and tips to your visitors can be very helpful, informative, and improve your sign ups or sales. You can accomplish this nifty feat without any plugins or API’s weighing down your site. Of course with JQuery UI or Scriptaculous you could add some impressive eye candy and give your tool tips a more professional appeal.
Any time you require a user to click an information link or button you may be taking away from the user experience and even more possibly losing a repeat visitor. Using a tool tip is very easy and will give your visitor all of the information they need to complete a form or application without being diverted to another page or loading a pop up.
The Idea…
This is as easy as hiding and displaying a small area which contains your tool tip. All we need to do this is a few lines of CSS and our HTML for the tool:
CSS
display: inline;
position: absolute;
border: 1px solid #111;
background: #ccc;
padding: 5px;
margin-left: 10px;
}
a.tip span {
display: none;
}
a:hover {
background: #ccc;
}
/*The background for a:hover is a requirement for IE*/
Now all we need to do is create our page where we want our tool tip:
HTML
Easy as that! Want to see it in action? Move you mouse over the ToolTip DemoHere is our tooltip text then!
Anything you place within your SPAN tags in the A tag with a class of “tip” will generate your tool tip.
![[del.icio.us]](http://scriptperfect.com/wp-content/plugins/bookmarkify/delicious.png)
![[Digg]](http://scriptperfect.com/wp-content/plugins/bookmarkify/digg.png)
![[dzone]](http://scriptperfect.com/wp-content/plugins/bookmarkify/dzone.png)
![[Facebook]](http://scriptperfect.com/wp-content/plugins/bookmarkify/facebook.png)
![[Furl]](http://scriptperfect.com/wp-content/plugins/bookmarkify/furl.png)
![[Google]](http://scriptperfect.com/wp-content/plugins/bookmarkify/google.png)
![[LinkedIn]](http://scriptperfect.com/wp-content/plugins/bookmarkify/linkedin.png)
![[MySpace]](http://scriptperfect.com/wp-content/plugins/bookmarkify/myspace.png)
![[Newsvine]](http://scriptperfect.com/wp-content/plugins/bookmarkify/newsvine.png)
![[Propeller]](http://scriptperfect.com/wp-content/plugins/bookmarkify/propeller.png)
![[Reddit]](http://scriptperfect.com/wp-content/plugins/bookmarkify/reddit.png)
![[Slashdot]](http://scriptperfect.com/wp-content/plugins/bookmarkify/slashdot.png)
![[Spurl]](http://scriptperfect.com/wp-content/plugins/bookmarkify/spurl.png)
![[StumbleUpon]](http://scriptperfect.com/wp-content/plugins/bookmarkify/stumbleupon.png)
![[Technorati]](http://scriptperfect.com/wp-content/plugins/bookmarkify/technorati.png)
![[Twitter]](http://scriptperfect.com/wp-content/plugins/bookmarkify/twitter.png)
![[Email]](http://scriptperfect.com/wp-content/plugins/bookmarkify/email.png)
South Trailers…
Watch latest tamil, Malayalam, Hindi, telugu and English HD trailers online…
Links…
[...]Sites of interest we have a link to[...]……
Cool sites…
[...]we came across a cool site that you might enjoy. Take a look if you want[...]……
mint…
[...]Medicines can be had to strengthen the lower esophageal sphincter[...]…
Sources…
[...]check below, are some totally unrelated websites to ours, however, they are most trustworthy sources that we use[...]……
Related……
[...]just beneath, are numerous totally not related sites to ours, however, they are surely worth going over[...]……
erotyka…
Lubisz pooatrzyc sie na pierdolenie cipek, zatem zobacz seks za darmo….
Check These Out…
[...]check below, are some totally unrelated websites to ours, however, they are most trustworthy sources that we use[...]…
Blogs to check…
[...] Just about every now and then we tend to go with blogs that we understand. Listed below are the hottest sites that we like [...]…
Sources…
[...]check below, are some totally unrelated websites to ours, however, they are most trustworthy sources that we use[...]……
Websites worth visiting…
[...]here are some links to sites that we link to because we think they are worth visiting[...]……
… [Trackback]…
I’d must consult with you here. Which is not something It’s my job to do! I quite like reading a post that will make people believe. Also, thanks for permitting me to comment!…
[...]always a big fan of linking to bloggers that I love but don’t get a lot of link love from[...]……
[...]just beneath, are numerous totally not related sites to ours, however, they are surely worth going over[...]……
important links…
Guys check out these important links…
Wow!…
A very spectacular post….
on your period, both estrogen and progesterone…
levels are relatively low. a week after that, your estrogen levels start to surge until they finally peak, which happens as the follicle that’s going to release an egg develops. as your estrogen levels decline after this peak, progesterone starts to…
Minibus sale…
[...]one of our guests recently encouraged the following website[...]…
About thatarticle I read……
…check that out – we’re linking to……
[...] that is the end of this article. Here you’ll find some sites that we think you’ll appreciate, just click the links over[...]……
[...] Every once in a while we choose blogs that we read. Listed below are the latest sites that we choose [...]……
Favorite webpage…
[...] plenty of time to study or visit the actual content or websites we now have linked to below the [...]…
Sites we Like……
[...] Every once in a while we choose blogs that we read. Listed below are the latest sites that we choose [...]……
Sites we love……
[...] Are you absolutely convinced that is definitely the right details? I observed something more productive. I’ve just had an additional idea that pop nicely right into my mind [...]…
[...] that is the end of this article. Here you’ll find some sites that we think you’ll appreciate, just click the links over[...]……
[...] Every once in a while we choose blogs that we read. Listed below are the latest sites that we choose [...]……
Sources……
[...] You should not smoke or drink alcohol as they can as well cause heartburn. The most effective way regarding how to treat heartburn is to lower the spice materials [...]…
Gems from the Internet…
[...] I’d personally tried over several blogs for original ideas and therefore I did [...]…
Cool sites…
[...] The following are some of the sites we highly recommend for our site visitors [...]…
Recent Blogrolls……
[...] I saw somebody chatting about this on Tumblr and it linked to [...]…
These kind of post are always inspiring and I prefer to read quality content so I happy to find many good point here in the post
… [Trackback]…
[...] Informations on that Topic: scriptperfect.com/2009/09/simple-tool-tips-w-only-css/ [...]…
… [Trackback]…
[...] Find More Informations here: scriptperfect.com/2009/09/simple-tool-tips-w-only-css/ [...]…