3
Simple CSS Javascript Share Buttons
Simple CSS javascript social share buttons
<!DOCTYPE html>
<html lang="en">
<head>
<title>Share Buttons</title>
<meta name="description" content="Simple CSS javascript social share buttons" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
<style>
.buttons a{display:inline-table;margin-right:20px;font-family:'Trebuchet MS',tahoma,verdana;font-weight:800;font-size:15px;text-decoration:none;}
.buttons a:hover{opacity:0.8;}
.twitterLink{background: #2EACDC;padding:5px 38px;color:#fff;}
.googleLink{background: #C3392C;padding:5px 38px;color:#fff;}
.facebookLink{background: #46649E;padding:5px 38px;color:#fff;}
</style>
</head>
<body>
<div class="buttons">
<a class="twitterLink" href="#" onclick="(function() {if (!window.open('https://twitter.com/intent/tweet?url=' + encodeURIComponent(window.location) + '&text=' + encodeURIComponent(document.title) + '', 'enter', 'left=100,top=120;location=yes,links=no,scrollbars=no,toolbar=no,width=690,height=360')) location.href = 'jump=yes'})();return false;">Twitter</a>
<a class="googleLink" href="#" onclick="(function() {if (!window.open('https://plus.google.com/share?url=' + encodeURIComponent(window.location) + '', 'enter', 'left=100,top=120;location=yes,links=no,scrollbars=no,toolbar=no,width=690,height=360')) location.href = 'jump=yes'})();return false;">Google Plus</a>
<a class="facebookLink" href="#" onclick="(function() {if (!window.open('https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(window.location) + '', 'enter', 'left=100,top=120;location=yes,links=no,scrollbars=no,toolbar=no,width=690,height=360')) location.href = 'jump=yes'})();return false;">FaceBook</a>
</div>
</body>
</html>Interserver | Standard & VPS Cloud Hosting | $2.50 /Month
Flexible VPS hosting platform to deploy your online projects.
Economical and balanced between processor cores, memory and storage
rated 3 times
(3)
(0)
comments: 0 / hits: 2637
/ 7 years ago, tue, jan 3, 17, 03:37:12
More From
» HTML, XML
Comments
There are no comments for this Snippet yet
Posted
paki
Member since Sep 7, 2016
Total Code Snippets: 12
Total Comments: 0
Location: n/a