publish

Author: andrewplummer

README.md

@@ -0,0 +1,5 @@
+
+# Installation
+
+Just unzip the files into your file structure and link to tooltip.js and tooltip.css.
+No JS setup is needed. Will find all elements with a "title" attribute by default. If you want to change this, simply change the last line of tooltip.js to find the appropriate elements.

index.html

@@ -77,10 +77,10 @@
     #main {
       position: absolute;
       width: 650px;
-      height: 400px;
+      height: 420px;
       top: 50%;
       left: 50%;
-      margin: -220px 0px 0px -345px;
+      margin: -230px 0px 0px -345px;
       background: #efefef;
       padding: 20px;
       border-radius: 6px;
@@ -162,16 +162,14 @@
       display: block;
       text-align: right;
       text-decoration: none;
-      font-size: 18px;
+      font-size: 17px;
       font-family: Tahoma;
-      margin-top: 15px;
+      margin-top: 35px;
     }
 
-    #get .arrow {
+    #get a {
     font-size: 20px;
-    font-family: "Trebuchet MS";
-    font-weight: bold;
-    vertical-align: -1px;
+    margin-left: 5px;
     }
 
 
@@ -181,7 +179,7 @@
   <div id="tl" data-test-title="Hi... I'm the top left title attribute!">Top Left</div>
   <div id="tr" data-test-title="Hi... I'm the top right title attribute!">Top Right</div>
   <div id="bl" data-test-title="Hi... I'm the bottom left title attribute!">Bottom Left</div>
-  <div id="br" data-test-title="Hi... I'm the bottom right title attribute!Hi... I'm the bottom right title attribute!Hi... I'm the bottom right title attribute!Hi... I'm the bottom right title attribute!Hi... I'm the bottom right title attribute!Hi... I'm the bottom right title attribute!Hi... I'm the bottom right title attribute!Hi... I'm the bottom right title attribute!Hi... I'm the bottom right title attribute!Hi... I'm the bottom right title attribute!Hi... I'm the bottom right title attribute!Hi... I'm the bottom right title attribute!Hi... I'm the bottom right title attribute!Hi... I'm the bottom right title attribute!Hi... I'm the bottom right title attribute!">Bottom Right</div>
+  <div id="br" data-test-title="Hi... I'm the bottom right title attribute!">Bottom Right</div>
   <div id="main">
     <h1>A minimal jQuery tooltip plugin</h1>
     <div id="tc" data-test-title="Hi... I'm the top center title attribute!">Top Center</div>
@@ -243,8 +241,8 @@ <h4>HTML:</h4>
       <h4>Javascript:</h4>
       <p>None!</p>
       <h4>Installation:</h4>
-      <p>Just unzip into your web directory and link to the tooltip.js file.</p>
-      <a id="get" href="https://nodeload.github.com/andrewplummer/tooltip/zipball/master">get the code <span class="arrow">></span></a>
+      <p>Just unzip into your web directory and link to the js/css files.</p>
+      <div id="get">get the code: <a href="http://github.com/andrewplummer/tooltip">github</a><a href="https://nodeload.github.com/andrewplummer/tooltip/zipball/master">zip</a>
   </div>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
   <script type="text/javascript" src="javascripts/tooltip.js"></script>