样式 facebook 'like' 按钮答案

【问题标题】：Style facebook 'like' button样式 facebook 'like' 按钮
【发布时间】：2010-09-30 19:03:12
【问题描述】：

我现在为此苦苦挣扎了一段时间，但没有任何成功。用 jquery 设置样式不起作用，在 facebook iframe 之后也是如此。有没有办法执行这个任务？

<iframe src="http://www.facebook.com/plugins/like.php?&href=http%3A%2F%2Fwww.example.com&amp;layout=standard&amp;show_faces=false&amp;width=400&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;height=23" 
scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:400px; height:23px;" allowTransparency="false"></iframe>          

<style>
    .connect_widget_not_connected_text, .connect_widget_connected_text {
        color:white;
    }
    .connect_widget_connected_text a {
        color:#3B5998;
    }
</style>

<script type="text/javascript">
    $(function() { 
        $('.connect_widget_not_connected_text').css('color', 'white');
    });
</script>

【问题讨论】：

标签： css facebook coding-style

【解决方案1】：

我相信您可以想出一个 CSS 技巧来设置按钮样式，但这样做违反了 Facebook 服务条款。您需要以他们的官方样式之一显示“赞”按钮。

【讨论】：

是的，但是网站用户看不到文本，所以给这个小可配置性有什么问题。
为什么文字不可见？如果您正在寻找类似深色的按钮，则应使用 colorscheme=dark 配置。您可以在此处查看所有自定义选项：developers.facebook.com/docs/reference/plugins/like 任何超出他们允许的自定义的内容都是禁止的。
@Nathan Totten，我在上面的链接中找不到任何关于不允许的内容。您能否发布包含此信息的链接？
colorscheme="dark" 制作一个带有灰色文本颜色的深色阴影按钮。 colorscheme="light" 用黑色文本制作了一个类似阴影的按钮。如果您在深灰色背景上显示“赞”按钮，则两种方案都无法正常工作。

【解决方案2】：

或者，使用类似的分享链接

https://www.facebook.com/sharer.php?u=url_to_share&t=title_of_content

详情请见https://developers.facebook.com/docs/share/。

【讨论】：

【解决方案3】：

我认为您不能以这种方式为父页面设置 iframe 内容的样式。您可以尝试向 iframe 添加一个 id 并尝试以这种方式调用它，但即便如此我也不确定它是否会起作用。

【讨论】：

【解决方案4】：

http://www.daddydesign.com/wordpress/how-to-customize-your-facebook-fan-box/

看看这个页面，也许可以指导你

【讨论】：

【解决方案5】：

看起来您正在使用 iframe 实现，您可能无法使用此实现并根据需要设置样式。但是，您可能希望显示实现 Facebook Like 按钮的其他方式，例如使用 XFBML

【讨论】：