Thu, September 23, 2021
 
https://devcodepro.comdevcodepro
X
Home · Latest · Trends
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>
rated 3 times (3) (0)
comments: 0 / hits: 2318  / 5 years ago, tue, jan 3, 17, 03:37:12
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
Posted
paki
Member since Sep 7, 2016
Total Code Snippets: 12
Total Comments: 0
Location: n/a
paki snippets
5 years ago, thu, sep 8, 16, 3:04:22
comments: 0 / hits: 5347
5 years ago, wed, dec 28, 16, 4:11:52
comments: 2 / hits: 3845
5 years ago, thu, jan 19, 17, 5:40:32
comments: 0 / hits: 5371
4 years ago, sat, jun 10, 17, 3:16:28
comments: 0 / hits: 2347
4 years ago, mon, jun 26, 17, 9:21:15
comments: 0 / hits: 3373
4 years ago, sat, sep 2, 17, 4:26:09
comments: 1 / hits: 2518
4 years ago, tue, feb 27, 18, 9:25:15
comments: 0 / hits: 1787
4 years ago, tue, feb 27, 18, 9:41:12
comments: 0 / hits: 1805
4 years ago, wed, feb 28, 18, 11:02:34
comments: 0 / hits: 1813