如何解决facebook喜欢并发送按钮弹出方向
| 我该如何在“赞”或“发送”按钮上设置facebook \“ flyout \”的方向。目前,我们在页面右侧浮动了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>
类side-right有一个float:right;和text-align:right附加到它。
解决方法
尝试将这种样式添加到页面中:
<style>
.fb_edge_widget_with_comment span.fb_edge_comment_widget {
left: -300px !important;
}
</style>
, 您可以根据需要隐藏弹出按钮,例如在Firefox中,弹出按钮可以将内容推到适当位置(我们在侧边栏的jQuery滑块中有一个LIKE按钮,单击的每个LIKE都会将侧边栏图像推出框架。
使用上面文章中的Andrew \'s CSS,我发现一个简单的显示:没有效果。
<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; }
, 我刚刚将fb像div一样添加了溢出:隐藏...
添加喜欢的评论对破坏您的网页设计不是那么重要,您希望那样,评论只是奖励;-)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。