Decorate SharePoint HomePage for Christmas

December 26th, 2009 | Categories: css, SharePoint, SharePoint branding

How about spicing up company’s intranet for the season? Here’s a neat little trick you can make for adding season’s spirit  to your SharePoint homepage. We’ll add some decoration to page’s head.


The first thing you need is the images for the decoration. Don’t make them too big, because you can’t click on anything below images. Below is a simple example I got from Office Online, merged it, removed background and reduced its size. Make sure you have a transparent image (a .GIF or .PNG with transparent background).


The first step is to upload the image to site’s document or picture library and copy the original image’s URL to clipboard. (don’t copy the SharePoint thumbnail or web preview image, as they tend to get white background instead of original transparent).


Next on your homepage add a Content Editor Webpart into any zone and edit its source.

image image

And in the source simply type the following code:


After you click "Save" and "Apply" the page in edit mode will have the decoration in a wrong place.


But not to worry, after you exit edit mode, the image will be in the right position. So final result might look something like below:


There are numerous variations. You can change the position, you can even use a div with a repeating background image,…

Merry Christmas and a Happy New Year to all SharePoint users and admins!

P.S. If you have any good image (appropriate for transparent background and not violating any copyright rules) for season’s decoration, please drop me a link in this post’s comments.

Oznake ponudnika Technorati: ,,,,,