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)
Websites we think you should visit…
[...]although websites we backlink to below are considerably not related to ours, we feel they are actually worth a go through, so have a look[...]……
Hello,…
I am writing to let you understand of the excellent experience my girl went through reading your web page. She even learned such a lot of pieces, not to mention what it is like to have an amazing helping character to make most people very easily fully …
2011…
of course like your web-site but you need to check the spelling on quite a few of your posts. Several of them are rife with spelling issues and I find it very bothersome to tell the truth nevertheless I’ll surely come back again….
2011…
Thank you for another informative blog. Where else could I get that kind of information written in such an ideal way? I have a project that I am just now working on, and I’ve been on the look out for such information….
Hello…
I was searching the internet looking for some cool stuff and stummbled accross your site. I wanted to let you know that I think your site has some good content and that I have already saved the page so I don’t lose it Well done!…
Blogs ou should be reading…
[...]Here is a Great Blog You Might Find Interesting that we Encourage You[...]……
Limo for Hire…
[...]usually posts some extremely intriguing stuff like this. If you?re new to this site[...]…
Yesturdays Arbeit für Morgen – ein Blick auf einige Beispiele…
Beachtet dieses Beispiel, über gezeigt Megan halign an linkedin und glauben Sie ihm vor um zu sein ein wenig informativ und auch der Punkt…
Great website…
[...]we like to honor many other internet sites on the web, even if they aren’t linked to us, by linking to them. Under are some webpages worth checking out[...]……
Favorite sites…
[...] although websites we link down below are notably not affiliated with ours, we really feel they’re really worth a go over, hence have a look [...]…
Awesome website…
[...]the time to read or visit the content or sites we have linked to below the[...]……
Sources…
[...]check below, are some totally unrelated websites to ours, however, they are most trustworthy sources that we use[...]……
Online Article……
[...]The information mentioned in the article are some of the best available [...]……
Cool sites…
[...]we came across a cool site that you might enjoy. Take a look if you want[...]……
Hello…
I not to mention my friends have been viewing the great points on the blog then then I got a horrible suspicion I never expressed respect to the blog owner for them. All of the women are already as a result thrilled to learn all of them and now have si…
Websites worth visiting…
[...]here are some links to sites that we link to because we think they are worth visiting[...]……
Cool sites…
[...]we came across a cool site that you might enjoy. Take a look if you want[...]……
Cool sites…
[...]we came across a cool site that you might enjoy. Take a look if you want[...]……
Online Article……
[...]The information mentioned in the article are some of the best available [...]……
Great Clips Coupons…
[...]these are a few listings to websites I always link to seeing that we feel they will be definitely worth browsing[...]…
2011…
Hey There. I found your blog using msn. This is an extremely well written article. I will make sure to bookmark it and come back to read more of your useful info. Thanks for the post. I will certainly return….
Links…
[...]Sites of interest we have a link to[...]……
Related Sites……
[...] plenty of time to study or visit the content or websites we have linked to further down the [...]…
Visitor suggestions…
[...] we stumbled on an outstanding site that you may possibly love. Check it out if you expect [...]…
2011…
Having read this I thought it was very informative. I appreciate you taking the time and effort to put this article together. I once again find myself spending way to much time both reading and commenting. But so what, it was still worth it!…
Cool sites…
[...]we came across a cool site that you might enjoy. Take a look if you want[...]……
Great Job…
keep it up I love this website…
Recent Blogroll Additions……
[...]usually posts some very interesting stuff like this. If you’re new to this site[...]……
Awesome webpage…
[...] Here are some of the sites we strongly recommend for our visitors [...]…
Check this out…
[...] that is the end of this article. Here you’ll find some sites that we think you’ll appreciate, just click the links over[...]……
Websites we think you should visit…
[...]although websites we backlink to below are considerably not related to ours, we feel they are actually worth a go through, so have a look[...]……
Online Article……
[...]The information mentioned in the article are some of the best available [...]……
Check this out…
[...] that is the end of this article. Here you’ll find some sites that we think you’ll appreciate, just click the links over[...]……
Visitor recommendations…
[...]one of our visitors recently recommended the following website[...]……
bridging finance…
[...]The info talked about inside the post are a few of the ideal accessible [...]…
Awesome site…
[...] Pretty much every now and then we decide on blogs that we read. Further down are the most up-to-date sites that we like [...]…
More info…
[..] More info here [..]…
development loan…
[...]very handful of sites that transpire to be detailed beneath, from our point of view are undoubtedly well worth checking out[...]…
Blogs to check…
[...] take a look at the sites we read, including this blog, as it represents our selections right from the internet [...]…
What a great Blog…
This is an amazing Site…
Check this out…
[...] that is the end of this article. Here you’ll find some sites that we think you’ll appreciate, just click the links over[...]……
Links…
[...]Sites of interest we have a link to[...]……
Online Article……
[...]The information mentioned in the article are some of the best available [...]……
Websites worth visiting…
[...]here are some links to sites that we link to because we think they are worth visiting[...]……
Sites we Like……
[...] Every once in a while we choose blogs that we read. Listed below are the latest sites that we choose [...]……
Hey!…
Spot on with this write-up, I truly think this website needs much more consideration. Ifll probably be again to read much more, thanks for that info….
Recommeneded websites…
[...]Here are some of the sites we recommend for our visitors[...]……
Visitor recommendations…
[...]one of our visitors recently recommended the following website[...]……
Sites You Should Check Out…
http://www.greenvalleylodge.getlisted.co.nz/rest-homes-in-auckland...
You should check this out…
[...] Wonderful story, reckoned we could combine a few unrelated data, nevertheless really worth taking a look, whoa did one learn about Mid East has got more problerms as well [...]……