File tree Expand file tree Collapse file tree 1 file changed +52
-0
lines changed Expand file tree Collapse file tree 1 file changed +52
-0
lines changed Original file line number Diff line number Diff line change 1
1
# share-buttons
2
+
3
+ Simple social buttons for your site.
4
+
5
+ ## Browser support
6
+ * Google Chrome (latest)
7
+ * Mozilla Firefox (latest)
8
+ * Opera (latest)
9
+ * Internet Explorer 9+
10
+
11
+ ## Install
12
+ Include ` share-buttons.js ` in the end of page:
13
+ ```
14
+ <script src="../dist/share-buttons.js"></script>
15
+ ```
16
+ Paste this html on the page:
17
+ ```
18
+ <div class="share-btn">
19
+ <a class="btn-vk" data-id="vk">VK</a>
20
+ <a class="btn-facebook" data-id="fb">Facebook</a>
21
+ <a class="btn-twitter" data-id="tw">Twitter</a>
22
+ <a class="btn-mail" data-id="mail">EMail</a>
23
+ </div>
24
+ ```
25
+ Added styles:
26
+ ```
27
+ .share-btn > a {
28
+ border: 1px solid #ccc;
29
+ padding: 5px;
30
+ font-size: 12px;
31
+ font-family: Verdana, Arial;
32
+ }
33
+ .share-btn > a:hover {
34
+ cursor: pointer;
35
+ }
36
+ ```
37
+ Profit!!
38
+
39
+ ## Customization
40
+ Custom 'url', 'title', 'description':
41
+ ```
42
+ <div class="share-btn" data-url="https://..." data-title="..." data-desc="...">
43
+ <a class="btn-vk" data-id="vk">VK</a>
44
+ <a class="btn-facebook" data-id="fb">Facebook</a>
45
+ <a class="btn-twitter" data-id="tw">Twitter</a>
46
+ <a class="btn-mail" data-id="mail">EMail</a>
47
+ </div>
48
+ ```
49
+ Styles - full customization.
50
+
51
+ ----
52
+
53
+ © ; 2015 - Yauheni Pakala - MIT
You can’t perform that action at this time.
0 commit comments