Skip to content

Commit 79a25cb

Browse files
committed
Added Font-Awesome
1 parent ce835bb commit 79a25cb

File tree

2 files changed

+18
-5
lines changed

2 files changed

+18
-5
lines changed

README.md

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -50,6 +50,18 @@ Custom 'url', 'title', 'description':
5050
```
5151
Styles - full customization.
5252

53+
54+
## Examples
55+
If your using [Font-Awesome](https://github.com/FortAwesome/Font-Awesome):
56+
```html
57+
<div class="share-btn" data-url="https://..." data-title="..." data-desc="...">
58+
<a class="btn-vk" data-id="vk"><i class="fa fa-vk"></i> VK</a>
59+
<a class="btn-facebook" data-id="fb"><i class="fa fa-facebook-square"></i> Facebook</a>
60+
<a class="btn-twitter" data-id="tw"><i class="fa fa-twitter"></i> Twitter</a>
61+
<a class="btn-mail" data-id="mail"><i class="fa fa-envelope-o"></i> EMail</a>
62+
</div>
63+
```
64+
5365
----
5466

5567
&copy; 2015 - Yauheni Pakala

example/index.html

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,8 @@
55

66
<title>Test page for sharing</title>
77
<meta name="description" content="Page description" />
8-
8+
9+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
910
<style>
1011
/* Few styles :) */
1112
.share-btn > a {
@@ -27,10 +28,10 @@
2728

2829

2930
<div class="share-btn" data-url="https://github.com/wcoder/share-buttons">
30-
<a class="btn-vk" data-id="vk">VK</a>
31-
<a class="btn-facebook" data-id="fb">Facebook</a>
32-
<a class="btn-twitter" data-id="tw">Twitter</a>
33-
<a class="btn-mail" data-id="mail">EMail</a>
31+
<a class="btn-vk" data-id="vk"><i class="fa fa-vk"></i> VK</a>
32+
<a class="btn-facebook" data-id="fb"><i class="fa fa-facebook-square"></i> Facebook</a>
33+
<a class="btn-twitter" data-id="tw"><i class="fa fa-twitter"></i> Twitter</a>
34+
<a class="btn-mail" data-id="mail"><i class="fa fa-envelope-o"></i> EMail</a>
3435
</div>
3536

3637

0 commit comments

Comments
 (0)