如何使一个非常大的Facebook共享按钮? [英] How to make a very large facebook share button?
本文介绍了如何使一个非常大的Facebook共享按钮?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想作一个动态的Facebook分享键,这点我当然可以让Facebook的页面上。
不过,我想提出一个非常大的按钮,就像这个网站上:
<一href=\"http://fullym.com/these-photos-of-an-el-salvador-prison-for-gang-members-may-make-you-sick/\">http://fullym.com/these-photos-of-an-el-salvador-prison-for-gang-members-may-make-you-sick/
I would like to make a dynamic facebook share button, which I can of course make on facebook's page. However, I would like to make a very large button, just like on this website: http://fullym.com/these-photos-of-an-el-salvador-prison-for-gang-members-may-make-you-sick/
但我不知道怎么样?
我使用Joomla。
谢谢!
推荐答案
Here is the code for a share button, you can also see it on JS Bin.
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=236759163171393";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<style>
.fb-share-button
{
transform: scale(3.5);
-ms-transform: scale(3.5);
-webkit-transform: scale(3.5);
-o-transform: scale(3.5);
-moz-transform: scale(3.5);
transform-origin: top left;
-ms-transform-origin: top left;
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-webkit-transform-origin: top left;
}
</style>
<div class="fb-share-button" data-href="http://developers.facebook.com/docs/plugins/" data-type="button"></div>
</body>
</html>
结果是这样的:
这篇关于如何使一个非常大的Facebook共享按钮?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文