Facebook Like Button签到页面

时间:2012-12-14 19:32:42

标签: facebook styles facebook-like facebook-page

我们正在使用facebook like按钮作为我们的大学社交媒体页面,但当有人以页面身份登录时,它会显示一张红色背景的大照片,一个更大的白色背景,文字“切换”。我们想知道是否有一种方法可以改变格式,或者在Facebook的最后是否有任何事情可以增加更多功能,以便我们可以:

  1. 删除白色背景,使其在灰色背景下不会发生冲突,
  2. 提供选项,因此当用户以页面身份登录时,当用户以自己的身份登录时,它可以显示为当前格式,也可以显示为类似按钮大小的格式,这样它就不会不要破坏网页的设计。
  3. 提供其他颜色选项,而不仅仅是红色,以便它可以与您的配色方案融为一体,并且看起来美观。
  4. 可以选择显示要显示的文本而不是“切换”,这可能不直观。

1 个答案:

答案 0 :(得分:2)

首先,欢迎来到俱乐部。我们很多人都感受到了你的痛苦。不幸的是,你有点陷入困境。

Facebook“赞”按钮显示在您网页上的iFrame中 - 这意味着Facebook会控制显示在那里的内容以及为其设置样式的CSS。由于您无法使用自己网站的CSS来设置来自单独域的iFrame样式,因此无法控制网站上按钮的样式。因此,有效地敲除了选项1,3和& 4。

对于选项2,这可能是你最好的选择......

来自Facebook的“切换”按钮总是大小相同 - 这意味着它是一个大方块,而不是某些人使用的较小的单行按钮(我认为这是你正在使用的那个,对吧?) 。通常,我们通过将iFrame设置为overflow: hidden;并设置CSS height来修复任何布局问题(如果您使用的是1行按钮,则通常为32px)。这将切断红色的“开关”按钮,看起来很丑陋...但至少它可以让你保持相同的页面布局,而不会丢失错误大小的按钮抛弃你的页面元素。

最终,iframe的情况让Facebook有很多控制权来让所有网站上的“赞”按钮统一 - 这非常酷。不幸的是,当事情看起来很糟糕时,你没有很多动态改变它的选择。祝你好运!