类似facebook的&发送按钮弹出按钮的方向

facebook like & send button flyout direction

本文关键字:按钮 方向 facebook amp 类似      更新时间:2023-09-26

我如何在点赞或发送按钮上设置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>

类右侧有一个浮动:右侧;文本对齐:右键附在上面。

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

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

如果需要,可以隐藏弹出型按钮,就像在Firefox中弹出型按钮可以将内容推离位置一样(我们在侧边栏的jQuery滑块中有一个LIKE按钮,每次单击LIKE都会将侧边栏图像推出框架。

使用上面文章中Andrew的CSS,我发现一个简单的显示:none就可以了。

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

这使得我们的内容不会被强迫向上和脱离框架。

目前不支持此功能,因为一切都在iframe内,超出了应用程序的控制范围。

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

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

您不能自定义弹出窗口的位置,但请在此处查看我的备选方案。Facebook发送按钮弹出

是否自动执行?

http://jsfiddle.net/Zf7mY/

示例

.fb-like { float:right; }

我刚刚在div中添加了类似fb的溢出:隐藏。。。

给你的点赞添加评论对破坏你的网页设计并不重要,你想要点赞,评论只是奖励;-)