facebook css样式有没有图书馆?

时间:2012-05-20 03:36:23

标签: css facebook styles stylesheet

我必须创建一个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上查看哪些文件来复制样式?

1 个答案:

答案 0 :(得分:3)

在您开始复制Facebook的外观之前,请注意任何法律影响

From WPCandy

  

一位印度尼西亚博主Ainun Nazieb正处于一片热水中。   他创建了一个基于前时间线Facebook的WordPress主题   资料设计。事实上,它几乎是一个精确的克隆。 。 。他目前   对他提出了3项指控,两项罪名和一项民事诉讼。该   其中一项收费的最高罚款是。 。 。约222,346美元。

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

如果你想获得更多挑剔,你可以查看Facebook的CSS文件。根据您的浏览器或开发人员工具包,您获得这些工具包的方式会有所不同。以下是在Chrome中执行此操作的方法:

  

在Chrome的“开发者工具”标签上(CTRL + SHIFT + I),转到“资源”   (您可能必须在该页面上启用资源跟踪),然后单击   子选项卡Stylesheets。这将显示由此加载的所有css文件   页。

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