How-to-design-and-deploy-a-new-master-page-for-sharepoint-2010

This article explains how to create a newmaster page with a custom stylesheet and some custom images.  We do this with the following steps:

1.     You must have the permission as an administrator or designer.

2.     Click Site Actions > SiteSettings > Master pages and page layouts, for different site collectiontemplate maybe show different layout, we take ESS as an example. See Figure 1 sharepoint2010_1.

Figure 1sharepoint 2010_1

3.     Most site use V4.master as thedefault master page, please don’t check out it. The best way is download theexisting one as a copy file and rename it (Custom.master).

4.     Edit Custom.master, open itwith ShowPoint Designer(SPD) or Visual Studio (VS).

5.     In the <head> tag add alink to your custom CSS just above the content place holder named “PlaceHolderAdditionalPageHead”as follows:

<link type="text/css"href="/_layouts/1033/styles/Themable/Custom.css"rel="Stylesheet" />

6.     Upload the new master page,save, publish, and approve Custom.master. See Figure 2 sharepoint 2010_2.

Figure 2sharepoint 2010_2

7.     Set Custom.master as thedefault master page, go to Site Actions > Site Settings > Master Page. SeeFigure 3 sharepoint 2010_3. If you select “Reset all subsites to inherit thissite master page setting”, you can see the look and feel in subsites.

Figure 3sharepoint 2010_3

8.     Refresh the page

 

Note: If you want reference custom CSS and images;you need to save them in the server file.

Image file: C:\Program Files\CommonFiles\Microsoft Shared\Web Server Extensions\14\TEMPLATE\IMAGES\CustomStyles

CSS file: C:\Program Files\CommonFiles\Microsoft Shared\Web ServerExtensions\14\TEMPLATE\LAYOUTS\1033\STYLES\Themable

Reference:

http://fitandfinish.ironworks.com/2010/01/the-best-way-to-add-custom-css-to-sharepoint.html

http://virtualizesharepoint.com/2011/03/29/how-to-apply-custom-master-page-and-theme-to-all-sharepoint-2010-sub-sites/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值