Question

是否有（简单）方法来自定义通过fbml实现的facebook按钮的外观？

我很确定我在某个地方看到了这个，但我不记得在哪里，我找不到任何关于此的文件。

Answer 1

您无需进行这些非法黑客攻击。只需使用“Open Graph”：https://developers.facebook.com/docs/opengraph/actions/builtin/likes/。缺点是你需要创建一个应用程序。

Answer 2

你们是律师还是程序员？问题是如何“......不做或不做......”。

@pixelistik按钮可以通过脚本标签或iframe插入，当然你只需通过JS就可以使用iframe和iframe，轻松自如。

@skrat好点！

@Slavic到底是什么服务？我称之为半服务，因为你只能喜欢 - 没有批评的地方所以...你的批评是不恰当的。喜欢我们的帖子！：P

一般情况下：如果你创建了自定义按钮而你没有签署任何t＆amp; c或类似的东西，你可以在你的网页上做任何你想做的事。

Answer 3

虽然这样做可能不合法（查看自己的条款和政策），但您可以这样做：

/* Like button main text color */
div.like span.connect_widget_text {color:#fff;}
div.like div.connect_widget_confirmation {color:#fff;}
div.like span.connect_widget_text a {color:#ffc6ff;}

此链接显示了一些温和的样式选项：

http://forum.developers.facebook.net/viewtopic.php?pid=236534

Answer 4

容易腻：

只需将不透明度（ie的滤镜）设置为0，然后将iframe放在带有bg图像的图像或div上。对于较大的按钮，只需加载多个按钮，不要加载太多，这会使你的页面变得难以忍受。

Answer 5

Hiya，你可以用一些聪明的CSS - http://www.esrun.co.uk/blog/disguising-a-facebook-like-link/

来做到这一点

Answer 6

虽然这些编辑的合法性受到质疑，但我只想分享我对此主题的研究结果。

我右键点击了Firefox中的FB Like按钮，并用firebug检查了元素。类元素的读出是：

.connect_widget_like_button .liketext { 
  background: url(http://static.ak.fbcdn.net/rsrc.php/v1/y7/r/ql9vukDCc4R.png) -1px -33px no-repeat;
  background-image: url(http://static.ak.fbcdn.net/rsrc.php/v1/y7/r/ql9vukDCc4R.png);
  background-repeat-x: no-repeat;
  background-repeat-y: no-repeat;
  background-attachment: initial;
  background-position-x: -1px;
  background-position-y: -33px;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

这存在于like.php的第172行

我所知道的一家公司使用类似图片的自定义版本是Disqus，但是他们的按钮是一个多功能元素，可让您在facebook和＆amp ;; twitter onClick，可能就是他们如何根据自己的需求进行定制。

6 个答案: