JSFiddle - React, Tailwind, and code Playground
by antondileva
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>The External Share Button</title>
<style type="text/css">
body {
background:#f5f5f5;
font: 14px/150% 'century gothic',helvetica,arial;
}
#container {
margin:5px auto;
padding:25px;
width:400px;
border:1px solid #999;
border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;
background:#fff;
}
img#share_button {cursor: pointer;}
#shareitman {
width:80px;
margin:0 auto; padding:5px 0;
text-align:center;
border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;
background:#fff;
border:1px solid #ccc;
}
#shareitman a { color:#999; text-decoration:none; }
</style>
</head>
<body>
<div id="container">
<p>Below is an example of the "classic" Facebook Share Button on a non-Facebook Web page.</p>
<div id="fb-root"></div>
<!-- USE 'Asynchronous Loading' version, for IE8 to work
http://developers.facebook.com/docs/reference/javascript/FB.init/ -->
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'footvolleynz',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<img id = "share_button" src =...