脸书喜欢&发送按钮弹出方向

发布于 2024-11-16 07:12:52 字数 566 浏览 0 评论 0原文

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

我保证，我们不需要您喜欢该网站:) 任何帮助都会不胜感激。

<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 附加到它。

原文

How can I set the direction of the facebook "flyout" on the like or send button. We currently float our facebook social plugins on the right side of the page. But, when someone opens the facebook "flyout" it opens right, expanding the page when ideally it would open to the left.

Example: http://compfight.com

I promise, we don't need you to like the site:) Any help would be greatly appreciated.

<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>

The class side-right has a float:right; and text-align:right attached to it.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

故人的歌 2024-11-23 07:12:52

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

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

Try adding this style to your page:

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

回复收藏 0 原文

等数载，海棠开 2024-11-23 07:12:52

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

使用上面帖子中的 Andrew 的 CSS，我发现一个简单的 display:none 就可以解决问题，

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

这可以防止我们的内容被迫向上并超出框架。

You can HIDE the flyout if need be, as in Firefox where the flyout can push the content out of position (we had a LIKE button in a jQuery slider in a sidebar, and each LIKE clicked was pushing the sidebar image out of the frame.

Using Andrew's CSS from the post above, I found that a simple display:none did the trick.

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

That precented our content from being forced upwards and out of frame.

回复收藏 0 原文

冬天旳寂寞 2024-11-23 07:12:52

目前不支持此操作，因为一切都在 iframe 内并且不受应用程序的控制。

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

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

回复收藏 0 原文

九厘米的零° 2024-11-23 07:12:52

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

回复收藏 0 原文

悍妇囚夫 2024-11-23 07:12:52

不会自动执行吗？

http://jsfiddle.net/Zf7mY/

示例

.fb-like { float:right; }

does not do it automatically?

http://jsfiddle.net/Zf7mY/

example with

.fb-like { float:right; }

回复收藏 0 原文

小忆控 2024-11-23 07:12:52

我刚刚添加了fb like到带有overflow:hidden的div...

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

回复收藏 0 原文

~没有更多了~

关于作者

梦魇绽荼蘼

暂无简介

0 文章

0 评论

22 人气

关注发私信

友情链接

文江博客

脸书喜欢&发送按钮弹出方向

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（6）

关于作者

相关话题

热门标签

推荐作者

漫雪独思

垂暮老矣

鹊巢

萌酱

雨说

冰葑

友情链接

脸书喜欢&发送按钮弹出方向

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（6）

关于作者

相关话题

热门标签

推荐作者

漫雪独思

垂暮老矣

鹊巢

萌酱

雨说

冰葑

友情链接

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。