2

我们正在为我们的大学社交媒体页面使用 facebook like 按钮，但是当有人作为页面登录时，它会显示一张红色背景的大照片，一个更大的白色背景，并带有文本“switch”。我们想知道是否有一种方法可以更改格式，或者 facebook 是否正在做任何事情来增加更多的多功能性，以便我们可以：

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

1 回答 1

2

首先，欢迎来到俱乐部。我们中的许多人都感受到了你的痛苦。不幸的是，你陷入了一些困境。

Facebook 的“喜欢”按钮显示在您页面上的 iFrame 中 - 这意味着 Facebook 控制在那里显示的内容以及为其设置样式的 CSS。因为您不能使用站点中的 CSS 来设置来自单独域的 iFrame 样式，所以没有很好的方法来控制站点上按钮的样式。因此，这有效地淘汰了选项 1、3 和 4。

至于选项2，那可能是您最好的选择...

Facebook 的“切换”按钮始终是相同的大小 - 这意味着它是一个大正方形，而不是某些人使用的较小的单行按钮（我假设你正在使用的那个，对吧？）。通常，我们通过设置 iFrame 的样式overflow: hidden;并使用一组 CSS height（如果您使用 1 行按钮，通常为 32 像素）来解决任何布局问题。这将切断红色的“切换”按钮，它看起来很难看……但至少它可以让您保持相同的页面布局，而不会因为尺寸错误的按钮丢掉页面元素。

最终，iframe 的情况让 Facebook 有很大的控制权，可以在所有网站上统一他们的“Like”按钮——这非常酷。不幸的是，当某些东西看起来很糟糕时，您没有很多选择来动态更改它。祝你好运！

于 2013-01-24T17:01:08.347 回答