Facebook喜欢和发送按钮弹出方向

Question

如何在喜欢或发送按钮上设置Facebook“弹出”的方向。 我们目前将Facebook社交插件浮动在页面的右侧。 但是，当有人打开Facebook“弹出窗口”时，它会向右打开，在理想情况下会向左侧打开页面。

示例： http ： //compfight.com

我保证，我们不需要你喜欢这个网站:)任何帮助将不胜感激。

<div class="side-right">
    <fb:like href="http://compfight.com" send="true" layout="button_count" width="150" show_faces="false" action="recommend" font="" class=" fb_edge_widget_with_comment fb_iframe_widget">
</div>

班级右侧有一个浮动：右; 和text-align：右边附着它。

Answer 1

尝试将此样式添加到您的页面：

<style>
.fb_edge_widget_with_comment span.fb_edge_comment_widget {
left: -300px !important;
}
</style>

Answer 2

如果需要，您可以隐藏弹出按钮，就像在弹出窗口中弹出按钮可以将内容推出位置一样（我们在侧边栏中的jQuery滑块中有一个LIKE按钮，并且每次点击LIKE都会将侧边栏图像推出框架。

使用上面帖子中的安德鲁CSS，我发现一个简单的显示：没有做到这一点。

<style>
.fb_edge_widget_with_comment span.fb_edge_comment_widget {
    left: -300px !important;
    display:none;
}
</style>

这使得我们的内容不会被强制向上和超出框架。

Answer 3

目前不支持此功能，因为所有内容都在iframe内，并且超出了应用的控制范围。

订阅官方错误以获取有关此问题的更新：

https://developers.facebook.com/bugs/1420124294938118/

Answer 4

不是自动做的吗？

http://jsfiddle.net/Zf7mY/

例子

.fb-like { float:right; }

Answer 5

我刚刚添加fb喜欢div溢出：隐藏...

添加评论到你的喜欢并不是那么重要的破坏你的网页设计，你想要那样，评论只是奖金;-)

Answer 6

您无法自定义飞出窗口的位置，但请在此处查看我的替代方案。 Facebook发送按钮弹出窗口