2010-09-30 125 views
2

我正在为此挣扎了一段时间,没有任何成功。用jquery设置样式不起作用,跟facebook iframe一样。有没有办法执行这项任务?风格脸谱“like”按钮

<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> 

回答

0

我不认为你可以以这种方式从父页面样式的iframe内容。你可以尝试添加一个id到iframe并试图以这种方式调用它,但即使如此,我不知道它会起作用。

8

我敢肯定,你可以找出一个CSS技巧来设计按钮样式,但这样做违反了Facebook服务条款。您需要以其中一种官方样式显示喜欢按钮。

+0

yea但是然后文本对站点用户是不可见的,因此给这个小配置性带来什么问题。 – mastodon 2010-10-12 15:40:35

+2

为什么文本不可见?如果你正在寻找一个黑暗的按钮,你应该使用colorscheme = dark配置。你可以在这里看到所有的定制选项:http://developers.facebook.com/docs/reference/plugins/like除了它们允许的定制之外的任何东西都是被禁止的。 – 2010-10-12 21:11:32

+0

@Nathan Totten,我找不到上面链接中禁止的内容。你能发布一个包含这些信息的链接吗? – gui11aume 2012-07-22 14:28:17

0

看起来您正在使用iframe实现,并且您可能没有办法使用此实现并根据需要对其进行设置。但是,您可能想要显示其他实现Facebook Like按钮的其他方式,例如使用XFBML