Question

大家好 - 我是一名Sharepoint新手，我正在努力为我工作的人建立一个面向互联网的网站。

为了将网站限制为居中的固定宽度布局，我将以下代码添加到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片段。它确实识别该样式表的其他部分 - 例如，我为内容编辑器webparts创建的样式工作得很好 - 但不是与s4-bodycontainer相关的代码。

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

任何指导都将深表感谢。谢谢！

Answer 1

以下是了解品牌发布网站（用于SharePoint上面向互联网的网站的模板）的好文章：Real World branding with SharePoint 2010。

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

Answer 2

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

首先，你自定义css可能需要一个！important标签，即

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

但是，SP中的固定宽度中心位置远不止于此。您需要考虑对话框，网站设置页面，列表页面等。我推荐以下CodePlex项目，其中包括其他示例，带有necissary样式表的中心固定宽度母版页以及修复发现的许多问题的其他资产在SharePoint中的中心固定宽度网站中。

我希望这会有所帮助。

Answer 3

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

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

/ *居中，固定布局* / div.s4-title.s4-LP，＃S4-titlerow，＃S4-MAINAREA，＃S4-topheader2，＃s4-statusbarcontainer { 宽度：960px; 保证金：自动; 填充：0px; float：none; }
然后在SharePoint Designer中编辑MasterPage并在“coreV4.css”之后引用CSS文件，如下所示：

SharePoint：CssRegistration name =“/ Style Library / overwrites.css”After =“corev4.css”runat =“server”/＆gt;

我认为就是这样！