Sharepoint主页/模板定制

时间:2012-12-18 04:09:30

标签: asp.net sharepoint sharepoint-2010

我是Sharepoint的新手。

我需要自定义一些Sharepoint Masterpages(背景颜色,字体类型和其他一些css requeriments)。

考虑到我有以下文件:v4.master,default.master和另外两个页面,它们是default.master的内容页面,加上COREv4.css文件。

我知道我应该创建其中一个母版页的副本(我不确定是哪个)并自定义它来更改链接到它的CSS)。以下问题涉及到:

1)自定义CSS文件应该是COREv4.CSS的修改副本还是只是具有所需样式的另一个CSS文件?

2)如何通过“网站设置”为修改后的页面创建/链接自定义CSS文件?如何/在哪里保存新文件?。

3)至于v4.master的副本,如何加载它以“替换”该网站的原始文件?。

4)系统基于Sharepoint 2010构建。这确保了修改后的CSS的页面只能是v4.master副本吗?

一如既往地感谢您的见解。

**更新* *

您好,

我设法通过提供的pdf手册,您的建议以及我将简要描述的一些额外步骤来解决问题:

1)要放置我的自定义css文件,我将其放在文件夹中:C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\TEMPLATE\LAYOUTS\3082\STYLES

2)我打开了使用Sharepoint Designer 2010自定义的网站。

3)我点击主页/母版页选项,然后选择该页面为v4.master页面,复制并粘贴它。然后我重命名它右键单击它,选择“重命名”并输入新名称,然后我再右键单击并选择“将页面设置为主要默认页面”。

4)要编辑页面内容,我再次右键单击并选择“在高级模式下编辑内容”选项,就在我复制并粘贴头标记结束之前:

<SharePoint:CssRegistration name="customname.css" runat="server" After="core4.css"/>

请注意"customname.css"是我的css文件。然后我点击屏幕左上方的软盘图标进行保存。

5)执行此操作后,我使用Chrome HTML / CSS Analyzer,检查原始(现在已复制)母版页以浏览需要自定义的区域,以便识别管理样式的类名/ ids /元素类型要改变。一旦确定,我只向他们添加了需要改变的属性,EG:

  

// Webparts Alternate Highlighted Rows

     

div#ctl00_MSO_ContentDiv table.ms-viewlsts tbody   tr.ms-alternatingstrong {background-color:#F7FAF4}

     

table.ms-listviewtable.ms-basictable tbody   tr.ms-alternatingstrong.ms-itmhover {background-color:#F7FAF4}

我主要是通过Chrome Analyzer的试错来自己完成这项工作,但我也使用此处的图表(http://sharepointexperience.com/csschart/csschart.html)帮助完成任务,在某些时候通过它变得有点棘手我决定像我提到的那样自己做。在此过程中,我重复向自定义文件添加了更多样式,然后在服务器位置覆盖它以刷新页面/页面以查看它的外观,直到过程结束。

感谢您的帮助,我希望这可以作为任何需要它的人的指南。如果您有任何疑问,请告诉我。

2 个答案:

答案 0 :(得分:2)

您可以从头开始创建新的母版页或修改现有母版页。

请查看此链接,它可以帮助您获得问题的答案

  

http://www.rdacorp.com/wp-content/uploads/ASP-NET-Master-Pages-and-SharePoint.pdf

答案 1 :(得分:1)

不建议修改SharePoint文件。

最好创建新的母版页文件,指定所需的所有CSS和脚本,并使用功能安装它。

您拥有哪个版本的SharePoint? SharePoint 2010 Server或Foundation?服务器版本的原因是您可以很酷地为您的母版页打上标记:

请参阅this link