我在我的网站上添加了像按钮这样的脸书有没有办法禁用按钮旁边显示的计数。
答案 0 :(得分:8)
你可以但不能直接。
你必须设置data-layout =“box_count”,用额外元素包装按钮代码,设置溢出并向上移动按钮。它会是这样的:
<style>
.fb-wrap {height:20px; overflow:hidden;}
.fb-wrap div {position:relative; top:-41px;}
</style>
<div class="fb-wrap"><div class="fb-like" data-href="http://mysite.com/" data-send="false" data-layout="box_count" data-show-faces="false"></div></div>
由于国际化,这将比宽度更加防弹
答案 1 :(得分:1)
是的,老实说,我很失望Facebook仍然没有采取任何措施使按钮配置更容易(显示/隐藏计数,更改大小等)。所有其他市长社交按钮 - 推特,G +,LinkedIn,Pinterest都有这个选项,并且没有必要制作CSS解决方法并不总是有效(上面提到了不同语言的情况)。
答案 2 :(得分:1)
对于简单网站,只需为iframe
添加固定宽度(width:47px !important;
)
对于必须以多种语言显示Like / Recommend文本的多语言网站(EN:推荐,DE:Empfehlen),文本长度不同,您不能设置固定宽度,但可以使用{{1并设置一个固定的高度:
layout=box_count
答案 3 :(得分:0)
答案 4 :(得分:0)
你可以。您需要做的就是在facebook的iframe代码中将宽度设置为47。
答案 5 :(得分:0)
答案 6 :(得分:0)
您可以使用的默认属性是:
http://developers.facebook.com/docs/reference/plugins/like/
代码会在您的网站上加载iFrame,您可以调整iFrame的大小,根据您选择的“布局样式”设计隐藏某些组件。
答案 7 :(得分:0)
答案 8 :(得分:0)
如果你想要包含一个共享和类似按钮(并且不需要国际化),这可行:
<style>
.fb-wrap {height:20px; overflow:hidden;}
.fb-wrap div {position:relative; left: 27px; margin-left: -27px;}
</style>
<div class="fb-wrap">
<div class="fb-like"
data-width="160"
data-layout="button_count"
data-show-faces="false"
data-send="true">
</div>
</div>
答案 9 :(得分:0)
我所要做的就是将数据布局属性从“box-count”更改为“button”。工作得很好。
<div class="fb-share-button" data-href=@longURL data-layout="button">