SharePoint 2010 MasterPages & CSS


Project Description

This project provides a collection of free SharePoint Foundation & SharePoint Server MasterPages.
This includes not only the MasterPages but the overiding CSS.

Free version download: Free SharePoint 2010 MasterPages

SharePoint 2010 Sample Master Page 1

SharePoint 2010 Sample Master Page

 

SharePoint 2010 Sample Master Page 2


SharePoint 2010 Sample Master Page 2

 

There are three downloads available at the moment;

FreeSPMPComplete which contains all the available MasterPages and CSS

OrangeWebsite which contains the files for the Orange Website which can be seen here http://sharepoint.weknownothing.co.uk/ExampleWebsite/SitePages/Home.aspx
BlueWebsite which contains the files for the Blue Website which can be seen here http://sharepoint.weknownothing.co.uk/ExampleWebsite2/SitePages/Home.aspx

4 thoughts on “SharePoint 2010 MasterPages & CSS

  1. Hey! I really like the work you did on the master pages. I am testing it out right now.

    I noticed that an image larger than the content area pushes everything off the workarea. Here is a java script I found to handle this: (tcscblog.com/2011/06/30/creating-a-fixed-width-sharepoint-2010-masterpage-updated)

    $(document).ready(function(){
    //Elements with the potential to be too wide.
    elements = $(“.ms-bodyareacell > div > *, .main-container > div > *”);
    leftPanelWidth = $(“#s4-leftpanel”).width();
    //For each Elements
    $(elements).each(function(){
    //if it’s wider than the side width
    if($(this).width() > ($(“#s4-bodyContainer”).width() – leftPanelWidth ))
    {
    //Calculate the new width taking the left nav into account
    newWidth = leftPanelWidth + $(this).width();
    //Set the width!
    $(“#s4-bodyContainer”).attr(“style”,”width:”+newWidth +”px!important”)
    }
    });
    });

    Great work!

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s