Hey Guys,
If you search something about master page for SharePoint site, you will find out thousand of blogs upon it. As i did in my starting phase. I was neither a good developer so that i can create master page in Visual Studio nor i was good in sharepoint customization. so i was just looking for easiest way by which i can create my own master. Even i didn't know abc of designing also. So you can say just a blank paper on which i want to write down something. So finally i got a great blogger which makes my life easier from that day at least in sharepoint designing. That is only one Kyle Schaeffer. I just did whatever he told me to do for design a master page. The best thing of his blog was that he provide Minimal master page code with Core.css and one sample Demo Master page code with it's Demo.css file that made things easy for me.
So as usual for beginners i will explain the Master page design step by step so that nobody need to struggle with this as much i did.
Here are the steps:-
1. Open your Site in SharePoint Designer like http://myserver/ or http://myserver:port/ .
2. Open _catalogs folder from the root of the site.
3. Open Masterpage document library. You can see all masterpages of your site collection here.
4. Now go to File Menu->New-> Sharepoint Content->Page tab->MasterPage then ok. Like:-
If you search something about master page for SharePoint site, you will find out thousand of blogs upon it. As i did in my starting phase. I was neither a good developer so that i can create master page in Visual Studio nor i was good in sharepoint customization. so i was just looking for easiest way by which i can create my own master. Even i didn't know abc of designing also. So you can say just a blank paper on which i want to write down something. So finally i got a great blogger which makes my life easier from that day at least in sharepoint designing. That is only one Kyle Schaeffer. I just did whatever he told me to do for design a master page. The best thing of his blog was that he provide Minimal master page code with Core.css and one sample Demo Master page code with it's Demo.css file that made things easy for me.
So as usual for beginners i will explain the Master page design step by step so that nobody need to struggle with this as much i did.
Here are the steps:-
1. Open your Site in SharePoint Designer like http://myserver/ or http://myserver:port/ .
2. Open _catalogs folder from the root of the site.
3. Open Masterpage document library. You can see all masterpages of your site collection here.
4. Now go to File Menu->New-> Sharepoint Content->Page tab->MasterPage then ok. Like:-
5. Now you get a Untitled page1 with some line of HTML code. Don't bother about these lines just delete all the lines.
6.Copy this Minimal Master Page Code from here provided by Kyle and paste in your page HTML code.
7. Now Copy the code of Core.css from here and paste in your folder/library where you want just by creating a Core.css file. You can use default Core.css if you don't want to customize it at the first glance but at least you need to customize it for better look and feel. Please don't modify existing Core.css file otherwise you will not able to revert back.
(Note that you must override the default core.css file in order for this to work properly. The best way to do this is to programmatically override the "SharePoint:CssLink" control, but if you need a quick fix, you can simply customize the "core.css" file for each site in your site collection. Do this using the "Manage Styles" task pane in SharePoint Designer. Just double-click on any style that begins with ".ms" and then replace the entire contents of core.css with the contents of CoreCss.txt) .
8. Just Save the Page with appropriate name and publish it as a major version (when you do Check-In then it will ask for this). If it will ask for approval then do complete the process otherwise the contents will be not available for all users.
9. Now go to the site (Browser). Here Site Actions->Site Sittings->Modify all site settings.
10. Under Look and Feel you will see Master Page. Click on this and select the master page whatever you create. Click OK.
11. Come the home page and see you had your master page dude!!!!
6.Copy this Minimal Master Page Code from here provided by Kyle and paste in your page HTML code.
7. Now Copy the code of Core.css from here and paste in your folder/library where you want just by creating a Core.css file. You can use default Core.css if you don't want to customize it at the first glance but at least you need to customize it for better look and feel. Please don't modify existing Core.css file otherwise you will not able to revert back.
(Note that you must override the default core.css file in order for this to work properly. The best way to do this is to programmatically override the "SharePoint:CssLink" control, but if you need a quick fix, you can simply customize the "core.css" file for each site in your site collection. Do this using the "Manage Styles" task pane in SharePoint Designer. Just double-click on any style that begins with ".ms" and then replace the entire contents of core.css with the contents of CoreCss.txt) .
8. Just Save the Page with appropriate name and publish it as a major version (when you do Check-In then it will ask for this). If it will ask for approval then do complete the process otherwise the contents will be not available for all users.
9. Now go to the site (Browser). Here Site Actions->Site Sittings->Modify all site settings.
10. Under Look and Feel you will see Master Page. Click on this and select the master page whatever you create. Click OK.
11. Come the home page and see you had your master page dude!!!!
If you want to use Kyle's Demo Master page for your design then use it's Master Page Code and it's Demo.css file.
I think guys it will help out you a lot.
I think guys it will help out you a lot.
I would like to here your comments!!!
No comments:
Post a Comment