Skip to content
This repository has been archived by the owner on Feb 13, 2025. It is now read-only.

Commit

Permalink
Indenting the rest
Browse files Browse the repository at this point in the history
  • Loading branch information
arnklint committed Oct 18, 2010
1 parent 74cb22d commit 18da82d
Showing 1 changed file with 19 additions and 19 deletions.
38 changes: 19 additions & 19 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,32 +15,32 @@ Simple Tooltip is a tiny plugin for making simple tooltips, when hovering over a

Select elements that you want to display a tooltip when hovering over:

<script type="text/javascript" charset="utf-8">
jQuery(document).ready(function(){
$('#my-link, p span').simpleTooltip({
title: 'me is a tooltip'
<script type="text/javascript" charset="utf-8">
jQuery(document).ready(function(){
$('#my-link, p span').simpleTooltip({
title: 'me is a tooltip'
});
});
});
</script>
</script>

Look at $.fn.simpleTooltip.defaults in source for more options.

### 3. Style it!

The tooltip gets the "v-tooltip" id so that you can style it however you want with CSS.

<style type="text/css" media="screen">
#v-tooltip {
position:absolute;
background:#000;
padding:3px 5px;
color:#fff;
font-size: 11px;
font-family: Arial, Verdana, sans-serif;
display:none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
</style>
<style type="text/css" media="screen">
#v-tooltip {
position:absolute;
background:#000;
padding:3px 5px;
color:#fff;
font-size: 11px;
font-family: Arial, Verdana, sans-serif;
display:none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
</style>

### 4. Done!

0 comments on commit 18da82d

Please sign in to comment.