Skip to content

Commit dd853e5

Browse files
committed
Update README.md
1 parent 55651d9 commit dd853e5

File tree

1 file changed

+52
-0
lines changed

1 file changed

+52
-0
lines changed

README.md

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1 +1,53 @@
11
# 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+
&copy; 2015 - Yauheni Pakala - MIT

0 commit comments

Comments
 (0)