Scribd
Upload
48 views10 pages

Sharepoint 2010 Branding / Customisation: Friday, March 18, 2011

The document provides steps to customize the branding of a SharePoint 2010 publishing site. It details how to edit the master page and CSS file to modify elements like the top banner and quick launch menu. The steps include making copies of the nightandday.master and nightandday.css files, editing them to customize styles and links, and setting the new files as the site and system master pages.

Uploaded by

Harsh Damania Hd
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
48 views10 pages

Sharepoint 2010 Branding / Customisation: Friday, March 18, 2011

The document provides steps to customize the branding of a SharePoint 2010 publishing site. It details how to edit the master page and CSS file to modify elements like the top banner and quick launch menu. The steps include making copies of the nightandday.master and nightandday.css files, editing them to customize styles and links, and setting the new files as the site and system master pages.

Uploaded by

Harsh Damania Hd
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 10

Friday, March 18, 2011

SharePoint 2010 Branding / Customisation


I will show you how to do some basic customisation on a SharePoint 2010 Publishing site, and then to make a few tweaks on the "CSS" file on the SharePoint page. I have created a simple Sharepoint 2010 Publishing site and have used SharePoint Designer 2010 to edit the Master Page and create a simple Top banner and make a slight change on the Quick launch menu, adding some simple image and links on the left side.I will detail this out over here so that you can start experimenting. Primiarily i used Sharepoint 2010 Designer for this and its freely downloadable as you know : Lets go step by step : Step 1 Once you created a site with the "Publishing Template" you can also verify your Master Page by going to the SP 2010 site and Go to Site Action > Site Settings > Look and Feel > Master PageHere you can see SP 2010 by default use "Nightandday.master" page as the default Master Page. Step 2 The Css file associated with this Master page is "nightandday.css" This resides in the Sitecollection Level Click on "All Files" in the SPDesigner > Style Library > en-US > Themable > Core Styles > Nightandday.css Step 3 Open the site in SharePoint Designer On the left menu of the SP Designer you can see all the contents which exist on the Site You can click on the "Master Pages" which would open you and show all the master pages which exist on the site. (You can also Click on "All files" > _catalogs > MasterPage for the same task)

Step 4 Since i have used the "SharePoint 2010" Publishing layout the deafult master page is "NIghtandday.master", Righclick make a copy of that and rename it to "MyCustom.Master" Step 5 By editing the css file you will be able to make all necessary changes which will be reflected on the Master Page. Make a copy of the Css file and change it to "MyCustomCss.css" file

Step 6 All the images associated with this template lies in :Root Site > Style Library > Images folder Step 7 There is an entry ".nightand day.ribbonbackground" property and if you change the "background-image:url " you can customise the topbanner image. Make sure you are uploading the topbanner image to the appropriate "Image library" as said in step 6

Step 8 You can also tweak a bit on the ".ms-quicklaunch" properties if you want to make changes in the quick launch menu

Step 9 Once you have made necessary changes in the css file you can edit the "MyCustom.master" master page and update the link to the CSS file.

Step 10 Go to SiteSettings > Master Page > and set the appropriate Master Page in the "Site Master Page " and "System Master Page" option, also set the New Css file. That's it !!!

Now if you go to your Sharepoint 2010 site you can see the topbanner and the changes you made on the Css files will be reflected.

There you go ........... This the Customised SharePoint 2010 Site

Posted by Joseph Jeethu at 7:00 AM Labels: changing quick launch menu, Changing top banner, Sharepoint 2010 branding, Sharepoint 2010 customisation

0 comments:
Post a Comment Newer Post Older Post Home Subscribe to: Post Comments (Atom)
Related Links

Link Pointers

Adding Webpart to Custom Site Defenition.(1)

CAML Query in SharePoint 2007 List (1) changing quick launch menu (1) Changing top banner (1) Creating a Scope and Tab for MOSS Search Center (1) Creating SharePoint 2007 Timer Jobs (1) Delete Error WSP Solution from Solution Store (1) Deploy the assembly using Wsp Package (1) Determining the Current User Context (1) Document library event handlers (1) Error in sharepoint best practices analyzer(1) Event Handlers and Event Receivers (1) Free WSS 3.0 BOOK (1) Getting 404 on Peopleresults.aspx (1) How to bind SharePoint event receivers to a custom list definition (1) How to Create a Simple Event Handler when a Feature is activated (1) How to disable "New Folder" command on the New menu in a List ? (1) How to Enable anonymous access in SharePoint 2007 (1) How to uninstall MOSS from a Farm (1) Implement Form Based Authentication (1) Mandatory Services for Sharepoint (MOSS)(1) No tables Page (1) Really Good Reference (1) Reset Moss Service Account (1) Security account requirements for Sharepoint 2007 (1) SharePoint 2010 alerts (1) Sharepoint 2010 branding (1) Sharepoint 2010 customisation (1) SharePoint 2010;Hindi;Multilingual Interface (1) SharePoint Installation 2007 (1) Sharepoint Maintenance Page (1) Sharepoint MasterPage (1) SharePoint Product Key (1) Sharepoint Service Pack 2 Release (1) Simple Steps to Create Search on SharePoint MOSS 2007 Sites (1) SSP (Shared Service Provider) (1) StsAdm Path (1) To know the Site Defenition used for a site(1) Total Count of Items in a List in Sharepoint 2007 (1) turn off user alert (1)

Turn off User alert in SharePoint 2010 (1) Unable to display this Web Part (1) What is SharePoint 2007 ? (1) Windows SharePoint Services Overview (1) WSS and MOSS (1)

About Me

Joseph Jeethu Click My Site I have been working with SharePoint,.NET and IIS for almost 8 years, and been with Microsoft for many years, a time when i found out most of the core logics. I love working with .Net and web technologies SharePoint seemed a likely choice. Given SharePoint's huge popularity I felt this is going to be a wild fire ,an opportunity to learn a technology that was here to stay and which would only get larger. As a platform there is just a ton that you can do with SharePoint and since it is built on top of ASP.NET all these gave me a better breath of confidence to dwell into sharepoint. So going forward my blogs will be more SharePointy in focus and try to frequent the post in my blog ( http://sharepointlogics.com )when ever i could ...................... So keep tuned in. View my complete profile

Blog Archive

2011 (2) October (1) Oct 24 (1) Turn off User Alerts in SharePoint 2010

March (1) Mar 18 (1) SharePoint 2010 Branding / Customisation

2010 (9) August (1) Aug 05 (1) SharePoint 2010 Multilingual Interface (Hindi)

April (1)

Apr 18 (1) How to Use CAML Query to get Data from SharePoint ...

March (3) Mar 26 (1) Total Count of Items in a List in Sharepoint 2007 Mar 09 (1) Sharepoint Service Pack 2 Release Mar 02 (1) Creating SharePoint 2007 Timer Jobs

February (1) Feb 23 (1) How to check Sharepoint 2007 Versions

January (3) Jan 29 (1) Create a webpage with Div tags and no tables Jan 28 (1) How to create files of any size Jan 21 (1) Sharepoint Maintenance Page

2009 (15) August (1) Aug 27 (1) Synchronization Issue in Sharepoint 2007 Servers

June (1) Jun 29 (1) Delete Error WSP Solution from Solution Store

May (1) May 08 (1) How to Enable anonymous access in SharePoint 2007

April (2) Apr 23 (1) Error in sharepoint best practices analyzer Apr 15 (1) Free WSS 3.0 BOOK

March (3) Mar 31 (1) How to uninstall MOSS from a Farm Mar 23 (1)

Implement Form Based Authentication

Mar 15 (1) Unable to display this Web Part

February (2) Feb 12 (1) Creating a Scope and Tab for MOSS Search Center Feb 04 (1) Content-Type-Page-Layout-and-Publishing

January (5) Jan 29 (1) How-to-create-a-Site-Collection-in-new-Content-Dat... Jan 19 (1) Simple-Steps-to-Create-Search-on-SharePoint-MOSS-2... Jan 16 (1) How can you list the appPools in a webserver when ... Jan 14 (1) How-to-get-into-WebPart-Maintanence-Page-for-Share... Jan 12 (1) Edit page command disabled

2008 (23) December (6) Dec 30 (1) How to change service accounts and service account... Dec 18 (1) Really Good Reference Dec 09 (4) How to Create a Simple Event Handler when a Featur... How to enable document library event handlers for ... Event Handlers and Event Receivers in MOSS How to bind SharePoint event receivers to a custom...

November (3) Nov 26 (1) Mandatory Services for Sharepoint (MOSS) Nov 20 (1) How to Deploy the assembly using Wsp Package Nov 07 (1) How to disable "New Folder" command on the New men...

September (3)

Sep 27 (1) Security account requirements for Sharepoint 2007 Sep 25 (2) SSP (Shared Service Provider) WSS and MOSS

August (2) Aug 29 (1) Adding Webpart to Custom Site Defenition. Aug 16 (1) Changing Product Key of SharePoint

July (1) Jul 01 (1) To know the Site Defenition used for a site

June (1) Jun 20 (1) Hosting Video on SharePoint 2007

April (3) Apr 24 (2) Determining the Current User Context inside Sharep... StsAdm Path

Apr 17 (1) Getting 404 on Peopleresults.aspx

March (3) Mar 10 (1) Windows SharePoint Services Overview Mar 04 (1) SharePoint Product Key . Mar 03 (1) SharePoint Installation 2007

February (1) Feb 28 (1) What is SharePoint 2007 ?

Footer Down

Ethereal template. Template images by Storman. Powered by Blogger.

You might also like