我使用Open Graph协议创建了一个类似facebook的按钮。
一切都运作良好,除了我想删除Like按钮旁边的消息
“姓名和名字都是这样。”
该div的类是'connect_confirmation_cell'。我尝试在该div上设置display:none但它不起作用。任何想法?
答案 0 :(得分:1)
在我这里找到了对我有用的答案:https://stackoverflow.com/a/6326964/562635
我正在使用XFBML按钮。这将隐藏相似的计数,但不会隐藏在喜欢页面后立即显示的Facebook评论小部件。
/* make the like button smaller */
.fb_edge_widget_with_comment iframe
{
width:47px !important;
}
/* but make the span that holds the comment box larger */
span.fb_edge_comment_widget.fb_iframe_widget iframe
{
width:401px !important;
}
答案 1 :(得分:0)
Like按钮的iframe和FBML版本都使用iframe来显示实际按钮和相关文本,因此您尝试应用的任何CSS样式都不起作用。
如果您使用的是Like按钮的iframe版本,则可以使用CSS样式限制其尺寸,以便在仍显示实际按钮时排除此文本。仍然会显示“zeckdude和Martey like this”文本,但用户无法看到。
答案 2 :(得分:0)
HTMLS:
(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”; fjs.parentNode.insertBefore(js,fjs); }(document,'script','facebook-jssdk'));layout =“box_count”删除“名称和名称喜欢这个”。
答案 3 :(得分:0)
这对我有用:
.fb-like.fb_edge_widget_with_comment.fb_iframe_widget {
height: 26px;
overflow: hidden;
width: 138px;
}