fb喜欢+发送按钮

时间:2011-09-20 12:58:55

标签: facebook layout facebook-like

我在网站右侧有类似的发送按钮。 当我点击任一按钮时,它会显示一个框,但它会向右延伸,从而为我提供水平滚动条。

有没有办法让盒子向左延伸?

非常感谢你们。

2 个答案:

答案 0 :(得分:1)

我之前看过这个,这是一个痛苦的£%^^&!不幸的是,因为元素在iframe中,所以你不能使用自己的样式表来覆盖样式并向左移动弹出窗口。相反,我过去所做的是模仿相似按钮左侧的发送按钮,并使用FB.UI方法显示一个弹出窗口中心窗口,如下所示:

<script>
  $(function () {

                   $('#sendbutton').click(function (e) {
                       e.preventDefault();
                       FB.ui({
                           method: 'send',
                           name: 'Blah blah blah',
                           description: 'Description',
                           link: 'http://www.example.com',
                           image: 'http://www.example.com/content/images/image.png' 
                       });
                       return false;
                   });

               });
 </script>

<a id="sendbutton" href=""><img src="@(Url.Content("~/Content/Images/send.png"))" /></a>

不要忘记您需要首先初始化Facebook javascript API:

http://developers.facebook.com/docs/reference/javascript/

答案 1 :(得分:1)

  

有没有办法只是简单地“喜欢”而不打开盒子?

没有。您可以尝试隐藏框,方法是将iframe与div一起包装,并将div的高度设置为合适的值,并将其overflow属性设置为隐藏,但这就是它。您可能想要通过Facebook提交功能请求。