Graphicalwonder - Shane Perran's SharePoint Customization Blog

« SharePoint Customization: Change the background of the source editor | Main | SharePoint: HTTP Compression »

November 19, 2005

SharePoint Customization Tip: Another way to add a company logo

I have posted several workaround/tips on adding a company logo to the page without having to unghost your site, or create a site definition. This is another way you can do it using the theme. This isn't exactly an optimal way of doing things but it is fast and effective.

Using CSS we can manipulate the page and add your company logo like so:

First Add some padding to top of your page by adding padding-top to the BODY in your theme:

body {
padding-top: 40px;
}

This will push everything down 40 pixels (you can decide on a number) and leave you with some space at the top to work with.

Next you can create a logo and add it as a background also to the BODY in your theme:

body {
padding-top: 40px;
background-image:URL(yourlogo.gif);
background-repeat:no-repeat; /* You don't want it to tile! */
background-position:top left;
}

I used this example in a theme I created recently:

themetip_logo.gif


That's it, simple but effective. You can position it however you like the main thing is to make sure you add no-repeat because you really don't want it to tile.

Happy Customizing!

Posted by Shane at November 19, 2005 10:19 AM

Trackback Pings

TrackBack URL for this entry:
http://www.graphicalwonder.com/cgi-bin/mt-tb.cgi/194

Comments

This is not a great option afterall, turns out the body properties are inherited in a few other html pages along the way and can actually cause adverse affects.

Posted by: Shane at December 19, 2005 02:10 PM

Post a comment




Remember Me?

(you may use HTML tags for style)

divider.jpg
April 2006
Sun Mon Tue Wed Thu Fri Sat
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30            
divider.jpg
Categories
divider.jpg divider.jpg