LOGIN | REGISTER NOW | SUBSCRIBE
 

Share Pointers: Quick Branding


By Randy Drisgill
Email    print   
November 26, 2008 —  (Page 1 of 2)
I was talking to a group about SharePoint Branding recently and was asked what kind of branding a group of consultants could use without writing custom code (including not making themes or master pages). I decided that the best solution for them would be the Alternate CSS capabilities that come with Microsoft Office SharePoint Server 2007 (MOSS) in Publishing sites. Note: This technique is for a quick-branding solution only, not for completely restyling a SharePoint site. Also, please ensure you have a MOSS Publishing site with the default master page selected, because you cannot use this technique without that.

To begin, pick an out-of-the-box SharePoint theme that you think will look good with your company’s logo or colors by clicking Site Actions > Site Settings > Modify All Site Settings and then select Site Theme. Next, you will need to create a header graphic (including a logo on the left) that is about 125 pixels high and that can span the entire width of the browser. If you don’t know how wide to make it, err on the side of really wide. Because the graphic will be used as a CSS background image, anything over the width of the browser will be hidden. Name this graphic QuickBranding.jpg and upload it to your SharePoint site’s Style Library. To do this, click Site Actions > Manage Content and Structure and from there, select Style Library from the list of files and directories on the left-hand side. The Style Library will load on the right-hand side. From there, click New > Item and upload your header image. Next, create a new text file in Notepad and add the following CSS code:

.ms-main { background: white url('/Style Library/QuickBranding.jpg') no-repeat scroll left top !important; }
.ms-globalbreadcrumb, .ms-globalTitleArea, .ms-bannerContainer { background: transparent none !important; }
.ms-globalTitleArea { height: 75px; }
td.ms-titleimagearea img, .ms-sitetitle h1.ms-sitetitle { display: none; }
td.ms-globalbreadcrumb { border:0px transparent none !important; }
td.ms-globallinks { white-space:nowrap; }

Save the file as QuickBranding.css and upload it to the Style Library using the same method as the header graphic. This CSS will hide the site title and icon as well as all of the background images and colors that show in the header section. It then shows your QuickBranding.jpg in their place.


Related Search Term(s): SharePoint

Pages 1 2 


Share this link: http://sdt.bz/33084
 
Most Read Latest News Blog Resources
Taking enterprise architecture to the business side
Startup Corso is bringing out a cloud-based planning platform that ties into business plans
Top five apps to manage your workload
Web applications offer new ways to track your “to-do” lists
ComponentOne Releases a Collection of 40+ UI Widgets Powered by HTML5 and jQuery
ComponentOne has announced the 2012 release of Wijmo: a kit of UI widgets for HTML5 and jQuery development
Zeichick’s Take: Looking for the best of the best of the best
It's time once again for readers to send in nominees for the SD Times 100
Digg!  Digg
Reddit  Reddit
Slashdot  Slashdot
Share on facebook  Facebook
Share on Twitter  Twitter


Add comment


Name*
Email*  
Country     


  • Comment
Loading




close
NEXT ARTICLE
Why SharePoint development is so damn special!
Bjorn Furuknap has a few words about the travails associated with getting just the right SharePoint setup Read More...
 
 
 
 
News on Monday
more>>
SharePoint Tech Report
more>>


   

 
 

Download Current Issue
FEBRUARY 2012 PDF ISSUE

Need Back Issues?
DOWNLOAD HERE

Want to subscribe?


 
blogs tab
Are you at risk for burnout?
Burnout is a severe problem and it can strike at any time. Here's how to tell if you are nearing the edge.
02/09/2012 02:16 PM EST

Agility, mom, and apple pie
If we're to evaluate the state-of-the-art in software development, we should start with the values espoused in the Agile Manifesto.
02/07/2012 11:57 AM EST

RIM woos developers with free tablet
How do you get more apps ported to the BlackBerry PlayBook? By giving every developer a free tablet, of course!
02/04/2012 01:57 PM EST

GitHire: Use Headhunters to Find Your Perfect Programmer
Are you a hiring manager tired of scouring the job boards? Check out this new service that will find 5 people interested in your jobs.
02/03/2012 12:17 PM EST

Facebook claims hacker cred
Facebook's SEC S-1 filing form includes a short essay on the Hacker Way by Mark Zuckerberg himself.
02/02/2012 08:26 AM EST

Ryan Dahl steps down
Ryan Dahl, creator of Node.js, steps back from his position as gatekeeper for the project.
02/01/2012 04:58 PM EST

 
Events calendar tab
Cloud Connect
2/13/2012 to 2/16/2012
Santa Clara
TechWeb

SPTechCon: The SharePoint Technology Conf.
2/26/2012 to 2/29/2012
San Francisco
BZ Media

RSA Conf.
2/27/2012 to 3/2/2012
San Francisco
RSA

IBM Pulse Conf.
3/4/2012 to 3/7/2012
Las Vegas
IBM Tivoli

Game Developer Conf.
3/5/2012 to 3/9/2012
San Francisco
TechWeb