Skip to content

Commit

Permalink
added new buttons, version 1.1.0
Browse files Browse the repository at this point in the history
  • Loading branch information
Burak Ozdemir committed Sep 30, 2015
1 parent 1b1c59f commit de9cfb8
Show file tree
Hide file tree
Showing 7 changed files with 126 additions and 52 deletions.
12 changes: 6 additions & 6 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
jQuery Floating Social Share
================================

Simple jQuery floating social media sharer plugin works with Font-Awesome. Currently supported platforms are Facebook, Twitter, Linkedin, Pinterest and Google Plus with counter feature, StumbleUpon and Email without counter feature.
Simple jQuery floating social media sharer plugin works with Font-Awesome. Currently supported platforms are Facebook, Twitter, Linkedin, Pinterest, Google Plus, Reddit, Tumblr, VK and Odnoklassniki with counter feature, StumbleUpon and Email without counter feature.

## Getting Started

Expand All @@ -23,7 +23,7 @@ Finally, call the `floatingSocialShare` method on body with your custom options.
```html
<script>
$("body").floatingSocialShare({
buttons: ["facebook","twitter","google-plus"],
buttons: ["facebook", "twitter", "google-plus"],
text: "share with: "
});
</script>
Expand All @@ -35,7 +35,7 @@ Finally, call the `floatingSocialShare` method on body with your custom options.

* **place**: `String` *(`top-left` by default)* Set the position of the box. Currently: `top-left` and `top-right` are available.
* **counter**: `Boolean` *(`true` by default)* Set to `false` to hide counters that appear below the buttons.
* **buttons**: `Array` *(`["facebook", "twitter", "google-plus", "linkedin"]` by default)* Sets the social buttons for sharing. Available ones are `facebook`, `twitter`, `google-plus`, `linkedin`, `envelope`, `pinterest` and `stumbleupon`
* **buttons**: `Array` *(`["facebook", "twitter", "google-plus"]` by default)* Sets the social buttons for sharing. Available ones are `envelope`, `facebook`, `google-plus`, `linkedin`, `odnoklassniki`, `pinterest`, `reddit`, `stumbleupon`, `tumblr`, `twitter` and `vk`
* **title**: `String` *(`document.title` by default)* Sets the title for the share message.
* **url**: `String` *(`window.location.href` by default)* Sets the url for the share message.
* **text**: `String` *(`share with` by default)* Sets the share title for the social buttons.
Expand All @@ -48,12 +48,12 @@ Finally, call the `floatingSocialShare` method on body with your custom options.
```javascript
$("body").floatingSocialShare({
place: "top-left", // alternatively top-right
counter: true, // set to false for hiding the counters of pinterest, facebook, twitter, linkedin and google-plus
buttons: ["facebook","twitter","google-plus","linkedin","envelope","stumbleupon","pinterest"], // all of the currently avalaible social buttons
counter: true, // set to false for hiding the counters of buttons
buttons: ["envelope", "facebook", "google-plus", "linkedin", "odnoklassniki", "pinterest", "reddit", "stumbleupon", "tumblr", "twitter", "vk"], // all of the currently avalaible social buttons
title: document.title, // your title, default is current page's title
url: window.location.href, // your url, default is current page's url
text: "share with ", // the title of a tags
description: $("meta[name='description']").attr("content"), // your description, default is current page's description
description: $('meta[name="description"]').attr("content"), // your description, default is current page's description
popup_width: 400, // the sharer popup width, default is 400px
popup_height: 300 // the sharer popup height, default is 300px
});
Expand Down
2 changes: 1 addition & 1 deletion bower.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "jquery-floating-social-share",
"version": "1.0.3",
"version": "1.1.0",
"homepage": "http://github.com/ozdemirburak/jquery-floating-social-share",
"authors": [
"Burak Ozdemir <https://github.com/ozdemirburak>"
Expand Down
10 changes: 5 additions & 5 deletions demo/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,8 @@
<head lang="en">
<meta charset="UTF-8">
<title>jQuery Floating Social Share</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="../src/jquery.floating-social-share.css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="../dist/jquery.floating-social-share.min.css" />
</head>
<body>
<a target="_blank" href="https://github.com/ozdemirburak/jquery-floating-social-share"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/38ef81f8aca64bb9a64448d0d70f1308ef5341ab/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png"></a>
Expand All @@ -15,12 +15,12 @@
Duis vulputate feugiat consectetur. Nam congue congue libero, non maximus lacus molestie ut. Fusce vel lacus semper, lacinia turpis eget, volutpat nulla. Praesent ultrices urna at tortor porta, ac iaculis ipsum sagittis. Nam in erat id arcu convallis ultrices non eget leo. Etiam nisl nisi, vestibulum in risus non, lacinia dictum mi. Praesent et massa efficitur, imperdiet nibh posuere, vulputate lectus. Ut lacinia iaculis aliquam. Fusce ac posuere sem. Fusce tristique rutrum tincidunt. Etiam volutpat mauris at magna vestibulum placerat. Praesent convallis bibendum enim. In sit amet nulla ut elit vulputate vulputate eget a nisl.
</div>
<script type="text/javascript" src="https://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="../src/jquery.floating-social-share.js"></script>
<script type="text/javascript" src="../dist/jquery.floating-social-share.min.js"></script>
<script>
$("body").floatingSocialShare({
buttons: ["facebook","twitter","google-plus","linkedin","pinterest"],
buttons: ["facebook", "twitter", "google-plus", "linkedin"],
text: "share with: ",
url: "http://twitter.com"
url: "https://google.com"
});
</script>
</body>
Expand Down
4 changes: 2 additions & 2 deletions dist/jquery.floating-social-share.min.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

4 changes: 2 additions & 2 deletions dist/jquery.floating-social-share.min.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

22 changes: 19 additions & 3 deletions src/jquery.floating-social-share.css
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
/*!
* jQuery Floating Social Share CSS v1.0.3
* jQuery Floating Social Share Plugin v1.1.0
* http://burakozdemir.co.uk
* Copyright 2015 Burak Özdemir - <https://github.com/ozdemirburak>
* Released under the MIT license
Expand Down Expand Up @@ -84,17 +84,33 @@
background-color: #eb4924;
}

#floatingSocialShare .reddit{
background-color: #a9bacb;
}

#floatingSocialShare .tumblr{
background-color: #36465d;
}

#floatingSocialShare .vk{
background-color: #6383a8;
}

#floatingSocialShare .odnoklassniki {
background-color: #f6900b;
}

#floatingSocialShare .shareCount{
position: absolute;
bottom: 0;
right: 0;
left: 0;
margin: auto;
color: #dddddd;
color: #ffffff;
font-size: 10px;
}

#floatingSocialShare .m-top5{
#floatingSocialShare .margin-top-5{
margin-top: 5px;
}

Expand Down
Loading

0 comments on commit de9cfb8

Please sign in to comment.