The sharer.css from arximughal

sharer.css's Introduction

Sharer.css | CSS Extension for Sharer.js

Beautiful Sharer.js buttons with CSS3 only : DEMO 😻

A small extention for the plugin Sharer.js by Ellison Leão.

What’s included?

The package consists of a small sharer.min.css file (only 2.8 KB). Use this file alongside with Sharer.js to get 25+ beautiful share buttons to insert on your webpages.

Sample Setup

First you'll need to get Sharer.js installed on your page
Then download/clone the sharer.min.css from this repo and link in your webpage's <head> tag like this:

<link rel="stylesheet" type="text/css" href="path_to_file/sharer.min.css" />

Add sharer-btn class to every Sharer.js button and you are good to go (Have a look at the DEMO)

Your final webpage should look something like this (I'll use rawgit.com in the example below. So, if you copy and paste the below code, it should work):

<!DOCTYPE html>
<html>
  <head>
    <title>
      Sharer.css for sharer.js | Beautiful sharer.js Buttons
    </title>
    <link rel="stylesheet" type="text/css" href="https://rawgit.com/arximughal/sharer.css/master/sharer.min.css" />
  </head> 
  <body>
	<button class="sharer button sharer-btn" data-sharer="twitter" data-title="Checkout Sharer.css!" data-hashtags="awesome, sharer.css" data-url="https://github.com/arximughal/sharer.css">Share on Twitter</button>
          
    <script src="https://rawgit.com/ellisonleao/sharer.js/master/sharer.min.js"></script>
  </body>
</html>

Recommend Projects