Home · Latest · Trends  /  HTML, XML
3

Simple CSS Javascript Share Buttons

rated 3 times [  3] [ 0]  / comments: 0 / hits: 1262  / 3 years ago, tue, jan 3, 2017, 03:37:12
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>
More From » HTML, XML
 

Comments

There are no comments for this Snippet yet
Only authorized users can post. Please sign in first, or register a free account
 
Share
Snippets
Install SpamAssassin and Exim on a CentOS
3 years ago, thu, sep 8, 2016
Common SSH commands for CSF [ConfigServer]
3 years ago, wed, dec 28, 2016
Basic ClamAV antivirus engine SSH command line commands
3 years ago, thu, jan 19, 2017
How to leverage browser caching with htaccess
2 years ago, sat, jun 10, 2017
CSF / LFD block force attacks on Exim Centos
2 years ago, mon, jun 26, 2017
Basic SSH Exim mail queue commands
2 years ago, sat, sep 2, 2017
2 years ago, tue, feb 27, 2018
2 years ago, wed, feb 28, 2018
Sponsor
Posted
paki

paki

Member since Sep 7, 2016
Total Code Snippets: 12
Total Comments: 0
Location: n/a
Following
User not following anyone yet.