Blorner

Wednesday, November 18, 2009

Domtooltips

Are you looking for a script which can show you the information about a part of your code when the mouse is over it? You have found that script! Domtooltips is a tooltips making script! It is very easy for use!

How To Use:


1. Download domtooltips here.
2. Include domtooltips.css and domtooltips.js in your header
<link rel="stylesheet" href="domtooltips.css" type="text/css" />
<script src="domtooltips.js" type="text/javascript"></script>

3. Take the parts of the code, which must show tooltips, in <span> tags and set "domtooltips" the classes of the <span> tags. The values of "title" attributes of the <span> tags are the contents of the tooltips.
4. Add <script> load_domtooltips(); </script> just after </body>.

How To Customize:


You can use CSS to style the tooltips. Edit the code in domtooltips.css

.domtooltips div{
border: 1px solid #224578;
background: #FFFFFF;
position: absolute;
padding: 5px 10px;
width: 200px;
text-align: justify;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
letter-spacing: normal;
line-height: normal;
-moz-border-radius: 5px;
}


Screenshot:


domtooltips_demo

Version:


1.0

License:


Creative Commons License
Domtooltips by Ruben Sargsyan is licensed under a Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Unported License.

Domtooltips Homepage

No comments:

Post a Comment

Art Works Expo