forked from shareNice-org/shareNice
-
Notifications
You must be signed in to change notification settings - Fork 0
/
demo
41 lines (33 loc) · 1.81 KB
/
demo
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>
<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>
</pre>
<p>And include this one javascript file in your HTML's <head> element:</p>
<pre>
<script src="code.js" type="text/javascript"></script>
</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>