Sharepoint 2010 品牌推广：应用自定义样式的问题答案

【问题标题】：Sharepoint 2010 Branding: Problems applying custom stylesSharepoint 2010 品牌推广：应用自定义样式的问题
【发布时间】：2012-08-05 19:26:48
【问题描述】：

大家好 - 我是 Sharepoint 新手，我正在尝试为我的工作人员构建一个面向 Internet 的网站/为其打造品牌。

为了将站点限制为居中、固定宽度的布局，我在 coreV4.css 文件中添加了以下代码：

#s4-bodyContainer { 
width: 960px !important; 
margin: 0px auto; 
}

……效果很好。但是 - 随后我被告知永远不要修改 coreV4 样式表，所以我将文件恢复到其原始状态并将上面的代码添加到我已经附加到站点的第二个样式表中。它从母版页的头部链接，如下所示：

<link rel="stylesheet" type="text/css" href="/Style%20Library/CSS/combined.css" runat="server" After="corev4.css"/>

问题：Sharepoint 拒绝“看到”第二个样式表中的#s4-bodycontainer sn-p。它确实可以识别该样式表的其他部分——例如，我为内容编辑器 webpart 创建的样式工作得很好——但不能识别与 s4-bodycontainer 相关的代码。

我只想将该代码返回到 coreV4.css 并结束一天，但这是我的另一个问题：没有一个子站点指向该文件的迭代（位于 _styles 文件夹中），并且我不知道如何改变它。相反，它们指向位于 Sharepoint 文件结构腹地深处的文件的其他一些副本（显然在 _layouts 下 - 我认为我无权访问它）。

我们将不胜感激任何指导。谢谢！

【问题讨论】：

标签： css sharepoint branding

【解决方案1】：

这是一篇了解品牌发布网站的好文章（用于 SharePoint 上面向 Internet 的网站的模板）：Real World branding with SharePoint 2010。

根据您希望自定义 OOTB 模板的范围，品牌塑造任务可能会变得更复杂或更容易。打开 SharePoint 设计器并更改网站实例是最容易开始的，但从长远来看，您可能希望 create solution packages 部署所有自定义项，以便您可以维护它们。

【讨论】：

【解决方案2】：

是的，您确实不想更新 covev4.css 或实际上在 14 配置单元中找到的任何 SharePoint 文件。您的其他站点正在使用相同的 corev4.css 文件，即使该路径似乎来自 _layouts 目录。这只是链接到 hive 文件的 SharePoint 方式。

首先，您自定义的 css 可能需要一个 !important 标签，即

#s4-bodyContainer {  
width: 960px !important;  
margin: 0px auto;  
}

但在 SP 中，居中、固定宽度的网站远不止这些。您需要考虑对话框、站点设置页面、列表页面等。我推荐以下 CodePlex 项目，其中包括其他示例、居中、固定宽度的母版页，其中包含必要的样式表和其他资产，以解决发现的许多问题在 SharePoint 中居中的固定宽度网站中。

http://jumpstartbranding.codeplex.com

我希望这会有所帮助。

【讨论】：

感谢您的回复。很确定 corev4 文件是不同的文件 - _themes 下的文件没有我添加到另一个文件的自定义 CSS，最后一次编辑日期是 2011 年的某个时间。

【解决方案3】：

以下是我处理我的 SharePoint 2010 品牌的方式，就像我不接触开箱即用的“coreV4.css”的其他品牌一样：

打开 SharePoint Designer，在“/Style Library”文件夹中创建一个名为“overwrites.css”的文件。
接下来将此 CSS 粘贴到您新创建的文件中并保存：

/* 居中，固定布局 */ div.s4-title.s4-lp, #s4-标题行， #s4-mainarea, #s4-topheader2, #s4-statusbarcontainer { 宽度：960px；边距：自动；填充：0px；浮动：无； }
然后在您的 SharePoint Designer 中编辑您的 MasterPage 并在“coreV4.css”之后引用 CSS 文件，如下所示：

SharePoint:CssRegistration name="/Style Library/overwrites.css" After="corev4.css" runat="server"/>

我想就是这样！

【讨论】：