GreenShade – Free SharePoint 2010 Theme

We are glad to release our first free SharePoint 2010 theme. GreenShade theme has 2 columns of fixed width and its main purpose is to help you get started with SharePoint branding.

You can use the theme for free and without any restrictions. However, it is forbidden to sell or redistribute the theme without TopSharePoint.com permission. You may modify the theme as you wish at your own risk.

To enable the GreenShade theme for SharePoint 2010 follow these simple steps.

Download the GreenShade.zip file and extract the files.
There are three folders in the zip file:

MasterPages folder contains two mastrepages. Homepage master page greenshade-home.master and the general master page used across the site greenshade.master. Import these two master pages into “Master Page” site objects in SharePoint Designer.

PageLayout folder contains a custom page layout created for this theme. This page layout allows you to display the left navigation and other custom functions. Import this custom page layout into “Page Layouts” site objects in SharePoint Designer.

And finally, the third folder called greenshade contains a css folder, images folder and scripts folder.
Place the greenshade folder under your site root. Make sure Network and Network Service accounts have read permissions on this folder.

Once all the files are put into place it is time to set the greenshade.master as the default master page.

Go to your site homepage and click on Site Actions >> Site Settings.
Under “Look and Feel” click on “Master page” and under Site Master Page select greenshade.master and click OK.

Go back to the Site Settings and click on “Page layouts and site templates”. Make sure you have the “(Article Page) Green Shade” on the right side pane for Page Layouts.

Go to your site and edit all the pages to inherit the custom page layout “Green Shade”.

Now, we need to take care of the homepage.

On your SharePoint Designer, under Master Pages, right click on the greenshade-home.master and select “Set as Custom Master Page”. This will make the greenshade-home.master as your default homepage layout.

Navigate to the homepage and you will notice the three small content boxes are missing. Edit the hompage, Site Action >> Edit Page. Click on the “Main Content” area and under the Ribbon click on HTML >> Edit HTML Source.

Open homepage-boxes.htm (included in the GreenShade.zip file) with Notepad and Copy&Paste the content in the HTML Source and click OK. Publish the page and you’re done.

If you like the theme don’t forget to leave a comment or maybe you would like to show your appreciation and buy me a beer!

Hi,
I saw your theme, its too good so i want to use it in my SP 2010.
I have added 3 folders at respective location but when i goes to Site setting->look and feel->master page then it was not allowing me to select the radio button for “Inherit site master page from parent of this site”.
what should i do. is their to activate ay service or something.
help me on this.

I followed the instructions for my 2010 Foundation site, but after applying the masterpages in SharePoint Designer 2010, the site won’t load. I get the error “Could not load file or aseembly ‘Microsoft.SharePoint.Publishing, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c’ or one of its dependencies. The system cannot find the file specified.”

I’ve tried three times so far without any luck. Not sure what I’m doing wrong.

Did you apply the custom page? “PageLayout folder contains a custom page layout created for this theme. This page layout allows you to display the left navigation and other custom functions. Import this custom page layout into “Page Layouts” site objects in SharePoint Designer.”

Hi! Great job, many thanks!
Actually I have the same problem as Nishigandha (…master page then it was not allowing me to select the radio button for “Inherit site master page from parent of this site”.).
I can’t have the page layout from your 2d shotscreen (without the slider). What’s wrong any idea?
Thx!

I am stuck. Really.
Everything is fine until I take care of the home page.
I right click on the greenshade-home.master and select “Set as Custom Master Page”. “This will make the greenshade-home.master as your default homepage layout.” the problem is that it affects not only the home page, but also ALL the pages of the website. As as result, I have the slider on everypages. Could anyone help! Or maybe that would have been great to have 2 differents layouts in the kits: 1 homepage layout (linked to the greenshade-home.master, and another one for the the pages)…I really need help! -cheers

Bill thx for the reply. So I suspect that you are using the greenshade as the master page for everywhere, and then you have included the slider in an Iframe of the page layout of the homepage right? Anychance to receive your masterpage and home page? Maybe I am asking too much but I am under heavy pressure…(olivier.salgado(at)gmail.com)…

The imported master pages are invisible in the “Master Page” list box. I can see them under “All Items”, but unable to change their “UI Version” to 4 (some people say this is the reason why they are invisible). Anybody help? Thanks a lot!

Olivier go back to Site Settings >> Master page and make sure greenshade.master is set as the “Site Master”. After that go back to SharePoint Designer and right-click on greenshade-home.master and pick “Set as Custom Master Page”.

Hi,
Thanks for this theme. Unfortnately i could not complete the installation, I could not find the ‘page layout site object’ in sharepoint designer. I am using sp 2010, not the foundation. where is the page layout site object?

Hi,
Thanks for creating a great theme we can use for our School Intranet.
We would like to change the theme to a “blueshade” theme. We’ve been able to customise most of the page via the sharepoint master page…but we are stuck on the following…
Can you tell us where we can change:
1.) The green gradients at the top and bottom of the pages.
2.) The green background for the navigation links.
3.) The green background to new web parts created on the page.

Hi Luis,
Thanks for the reply. I’ve managed to change virtually every part I’ve needed by both changing the images and also modifying the style colour on the master page in Sharepoint designer. The only part I simply cannot find is the background green colour that appears around the navigation links on the left hand side…ie. the colour green that appears behind “Libraries”, “Lists”, “Discussions” etc. Any ideas where this colour style is hiding?

Thanks Luis…much appreciated! Trying to find which bit does what is a bit like looking for a needle in a haystack across css pages, master pages etc…..I am incredibly impressed with the way you guys actually create themes like this and can figure out where to put what bit. Great job!

Hi,
Thanks for this theme. Unfortnately i could not complete the installation, I could not find the ‘page layout site object’ in sharepoint designer. I am using sp 2010, not the foundation. where is the page layout site object?

“Hi,
Thanks for this theme. Unfortnately i could not complete the installation, I could not find the ‘page layout site object’ in sharepoint designer. I am using sp 2010, not the foundation. where is the page layout site object?

Just noticed the green gradient at the top and the gray one below it is the same image, my bad. ^^

Only other problem i’m having is after applying this theme to my sharepoint site I’m getting a Correlation error when I try to upload files to any libraries and when I try to change permissions in the browser.

This template didn’t work for me at all. I installed it (imported master page, imported page layout, copied greenshade folder to the 80 folder) but it doesn’t seem to be loading properly at all. How frustrating that I can’t get any template to work!

Great theme, I love it, but i am having a problem, the quick launch bar is not showing. And yes I know its because I did not import the page layout and that is because I cannot find page layout under site objects within sharepoint designer. So can someone help me please!!!!

Hi Luis,
Really impressed with this theme. We are planning a new project website, and this worked really, really well.

Unfortunatly, I found a compatability issue with IE 7 where it looses the vertical scrollbars on both master pages. (Some sites suggested a result of the security trimming, but I found this not to be true).
Any suggestions?

In those steps you mentioned I guess there is a gap in your definition after the “(Article page) green shade” page layout and “go to your site and edit all the pages to inherit the custom page layout green shade”.
Where can I find those pages to edit? i don’t see the green page of green shade anywhere. i click on the homepage-boxes.htm and it starts to download it! how can i edit these pages? please help

Hi, great works and thanks for this. Just a quick question though. With this this Step:

“And finally, the third folder called greenshade contains a css folder, images folder and scripts folder. Place the greenshade folder under your site root. Make sure Network and Network Service accounts have read permissions on this folder”.

I havent got access to the site root folder in the environment that I work in. Are there any alternatives instead via SD2010?

Wes, please read the documentation carefully. It looks like you skipped the part where you enable or inherit the page layout: Go to your site and edit all the pages to inherit the custom page layout “Green Shade”.

Hi, I am learning SharePoint 2010 and our Marketing Designer would like to use this as the Master Page. I have followed the instructions but have several issues.
When I try to add (Article Page) Green Shades to the Page Layout as the instructions say, it shows as (Page) Green Shades. I don’t know if that is why I am not seeing the Quick Launch or top part of the site.
This page started as a Team site and I activated the publishing features in the Site Collection Features and the Manage Site Features.

I don’t know how to access the file needed to display the quick launch. Also in this step it says to make sure Network and Network Services are set to Read. I don’t know where I do that? Is that my problem? Can anyone help me?

I’m an avid fan of your theme, however I find myself banging my head against a wall in my attempt to implement it.
Firstly, for some unexplainable reason under the step listed below, I cannot select the option to – “Inherit site master page from parent of this site” – via radio button; the radio button is greyed out:
——————————————-
Go to your site homepage and click on Site Actions >> Site Settings.
Under “Look and Feel” click on “Master page” and under Site Master Page select greenshade.master and click OK
—————————————–
Secondly, under the step listed below, I cannot select the option to set – “Pages inherit preferred layouts from parent site” – – via radio button; the radio button is greyed out:

Go back to the Site Settings and click on “Page layouts and site templates”. Make sure you have the “(Article Page) Green Shade” on the right side pane for Page Layouts.

——————————————

Lastly, upon attempting to finally publish the page I noticed that the ‘Publish’ option was disabled in the ribbon, even though I suspect that this last issue is connected with the above issues I have discerned.

Moreover, I have tried to implement the greenshade theme on 2 separate unconnected Farm installations, in 2 completely distinctive environments and have had the same results.

Hi, nice template. I’ve installed it and can access all the pages. Can you tell me how to move the content over to the left, as I don’t want a quick menu and only want to use the top drop-down style menu.

This is a great templates.But i still cannot implement into my existing SharePoint 2010 Enterprise. I was stuck at master page import, while i use SharePoint designer 2010 and select master files categories, then choose import download files to import, after completed , it cannot shown on master page, it show on Page layout, how to change it to a master page content type? anyone was successfully implement? please share the details steps to me, thanks.

This theme looks great. I followed the above steps but the site can not find the images.

I did modify the permissions to the greenshade folder that was moved to c:\inetpub\wwwroot\wss\virtual directories\80
I have given network and Network Services read access, yet the site can not find the images.

Peg H, to change the slide speed, navigate to the slider.js (c:\inetpub\wwwroot\wss\VirtualDirectories\{your port #}\greenshade\scripts), open it with Notepad and adjust the speed attribute. Now is set to 3000 milliseconds (speed : 3000). The lower the number the faster the slider speed. Make sense?

—————————————————————————————————

I am sorry, I should have disclosed this from the beginning, but basic HTML knowledge is seriously required for ALL our themes. I hope is not much to ask…

No problem. I understand HTML experience is required and I did navigate to c:\inetpub\wwwroot\wss\VirtualDirectories\{your port #}\greenshade\scripts and modified it with Notepad and changed the value to 8000.

Unfortunately, this rendered the slider useless and the formatting was skewd. This is why I thought maybe it should have been edited in SP Designer. (I am new to SP 2010)

I am still hoping to use your master pages which I think are super. Reading Kathy Hughes book (SP Designer 2010 Unleashed) hoping to find a solution. It looks to be an IE9 issue.

I made all intructions till “Go back to the Site Settings and click on “Page layouts and site templates”. Make sure you have the “(Article Page) Green Shade” on the right side pane for Page Layouts” but these two page templates are not on the right side. After that all steps don’t allow to install this template. Also there is some mistake with logo, other purctures.
Taking into an account my Russian site the updated site looks like a little bit mixing of different languages.

Daniel, did you apply the custom “Green Shade” page? “PageLayout folder contains a custom page layout created for this theme. This page layout allows you to display the left navigation and other custom functions. Import this custom page layout into “Page Layouts” site objects in SharePoint Designer.”

izzat, yes it is possible. Go to Site Actions >> Site Settings >> under “Look and Feel” click on “Master page” >> change the “Site Master Page” to “Specify a master page to be used by this site and all sites that inherit from it:” and select the theme.

I was able to load this theme without issue but my slider is not working at all. When I opened the master page in SPD all the images were loaded and in IE only first image is shown without any navigation. IE loads with an error saying “‘jquery’ is undefined in slider.js line:1 and Char:1.

I’m having trouble getting the left navigation bar to display.
Instead of “(Article Page) Green Shade” on the right side pane for Page Layouts, what I see is “(Page) Green Shade”.
Help, please? Thanks!

Wonderful design and looks promising to customize further and use in any situation. I am going to create new intranet for my company. Can’t thank you enough guys for making this and give out for free. Thank you!!!!!