O'Reilly logo

Microsoft® SharePoint® Designer 2010 Unleashed by Kathy Hughes

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Add a Background Image to a Page Layout

Chapter 14, “Extending Content Pages with Media and Dialogs,” taught you how to work with images in SharePoint sites and also add a background image to a content page using a Content Editor Web Part (CEWP). This section shows you how to add a background image to a page layout, by using a separate CSS file and then referencing that CSS file in the PageHolderAdditionalPageHead content placeholder.

The following exercise assumes that you have created a custom page layout and have that page layout opened in edit mode in code view. I chose to create a new page layout based on the Article Page content type for the sake of demonstrating the background image. The exercise also assumes that a Style Library exists ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required