我必须创建一个fb应用程序,我之前从未做过,但是我认为最好的方法是将其设计为与Facebook尽可能相似,以便能够很好地集成。我已经有了用于消息和通知的以下代码:

var dialog = FB.Dialog.create({
content: '<div style="color: rgb(255, 255, 255); background-color: rgb(109, 132, 180); font-size: 15px; font-weight: bold; padding: 5px; text-align: left;">Error</div><p style="margin:10px 15px;">Message</p><div style="color: rgb(0, 0, 0); background-color: rgb(242, 242, 242); padding: 8px; text-align: right; border-top: 1px solid rgb(198, 198, 198);height:23px;"></div>',
closeIcon: true,
onClose: function() {
    FB.Dialog.remove(dialog);
},
visible: true
});


我将不得不创建类似好友列表的内容,而我一直在思考。我应该只复制facebook的样式,还是有图书馆提供这种样式?否则,我应该在fb上查看哪些文件来复制样式?

最佳答案

在继续复制Facebook的外观之前,请注意任何法律含义

From WPCandy


  印度尼西亚博客作者Ainun Nazieb陷入了困境。
  他根据时间表前的Facebook创建了一个WordPress主题
  轮廓设计。实际上,它几乎是一个精确的克隆。 。 。他目前
  对他提出了3项指控,其中两名是刑事罪犯,另一名是民事罪犯。的
  一项指控的最高罚款为。 。 。约$ 222,346美元。


如果要继续,This website提供了一个示例样式表,您可以使用该样式表,该样式表使用与Facebook相同的颜色。

如果您想更加挑剔,可以查看Facebook的CSS文件。根据您的浏览器或开发人员工具箱,您掌握这些内容的方式会有所不同。在Chrome中执行以下操作的方法:


  在Chrome的开发人员工具标签上(CTRL + SHIFT + I),转到参考资料
  (您可能必须在该页面上启用资源跟踪),然后单击
  子标签样式表。这将显示该文件加载的所有css文件
  页。


(请参见How to see the .css files loaded in a page in Google Chrome?

关于css - 是否有用于Facebook CSS样式的库?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/10670605/

10-14 19:14
查看更多