Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: master
mischat
file 41 lines (33 sloc) 1.849 kb
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
   <head>
      <title>Demo shareNice</title>
      <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
      <script src="code.js" type="text/javascript"></script>
   </head>
   <body>
     <p id="w3cValid">
         <a href="http://jigsaw.w3.org/css-validator/check/referer">
           <img style="border:0;width:88px;height:31px"
            src="vcss.png"
            alt="Valid CSS!" /></a>
  
        <a href="http://validator.w3.org/check?uri=referer">
         <img style="border:0" src="valid-xhtml10.png"
          alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
     </p>

   <p>Click the below Share button to see shareNice in action. It will share the link for this page.</p>

   <p>All you need to do add the following HTML to where you want to place the shareNice button:</p>

   <pre>
   &lt;div id="shareNice" data-share-label="Share this demo" data-color-scheme="black"
    data-icon-size="32" data-panel-bottom="plain" data-services="plus.google.com,facebook.com,digg.com,email,delicious.com,twitter.com"
    style="float:left"&gt;&lt;/div&gt;
   </pre>

   <p>And include this one javascript file in your HTML's &lt;head&gt; element:</p>

   <pre>
   &lt;script src="code.js" type="text/javascript"&gt;&lt;/script&gt;
   </pre>

   <!-- This is the shareNice div you need to include in your HTML -->
   <div id="shareNice" data-share-label="Share this demo" data-color-scheme="black" data-icon-size="32" data-panel-bottom="plain" data-services="plus.google.com,facebook.com,digg.com,email,delicious.com,twitter.com" style="float:left"></div>
   <!-- The rest of the magic is injected via .js -->

   </body>
</html>
Something went wrong with that request. Please try again.