SharePoint Saturday Philly - Intro to SharePoint 2010 Branding
Upcoming SlideShare
Loading in...5

SharePoint Saturday Philly - Intro to SharePoint 2010 Branding



Presented at SharePoint Saturday Philly Feb, 2011

Presented at SharePoint Saturday Philly Feb, 2011



Total Views
Views on SlideShare
Embed Views



2 Embeds 2 1 1



Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment
  • The Hands on Labs are new and are turning out to be quite popularEach monthly meeting covers a Power User intro-level topic and either a Developer or Admin advanced topicThe schedule is available on our website.

SharePoint Saturday Philly - Intro to SharePoint 2010 Branding SharePoint Saturday Philly - Intro to SharePoint 2010 Branding Presentation Transcript

  • SharePoint Community in Philadelphia• Sessions for: Meeting Format 5:30-6:30 Power User Session • End Users 6:30-7:00 – News/Q&A/Networking/Food/Sponsors • Administrators 7:00-7:30 – Open Design – “Problem of the Month” 7:30-8:30 - Developer or Administrator Session • Developers • IT Pros• Meetings: Second Tuesday of the month, 5:30 to 8:30 PM, Microsoft Malvern office• Hands-On Labs: Administrators and Power Users, see website for detailsWEB: (under construction)CONTACT: info@tristatesharepoint.orgTWITTER: @tristateSP
  • Platinum Gold SWAG Event OrganizersThanks to our Sponsors!
  • Presented by Thomas
  • Who am I? A SharePoint Developer who specializes in implementing designs and creating web components to enhance the user interface and user experience.
  • Outline What’s New in 2010 Tools & Supported Browsers Approaches to Branding Master Pages Themes Demo Deployment Options
  • What’s New – Changes Table < Div Dialog Boxes & Ribbon Better & More cross browser support Office Theme Engine Tie custom CSS into theme engine
  • Tools & Supported Browsers Tools  IE Dev Toolbar (embedded in IE8)  Firebug / Firebug Lite  SharePoint Designer 2010  ColorPic  Multiple Versions  IE  Firefox Supported Browsers  Internet Explorer 7 & 8  Mozilla Firefox 3.6  Safari 4.04
  • Other Browsers & Tools Firebug Lite - Compatible with all major browsers: IE6+, Firefox, Opera, Safari and Chrome; Chrome  Built in developer tool bar Opera  Dragonfly
  • Approaches to Branding Theme – covers the overall color scheme of the site. Custom CSS – can change change, fonts, colors and some structure. Master Page & Custom CSS – complete control over look and feel.
  • Master Pages Starter Master Pages – new term for Minimal Master Pages   Includes 3 master pages: regular, foundations, meeting workspaces  Provides clean starting point for branding  Well documented for easy understanding V3 Master Page Support
  • Classes s4-notdlg - prevent from showing in dialog window Team Site Home Page Elements and CSS Classes -
  • Ribbon Customizing the Ribbon Position  pages.aspx Security Trim Ribbon 
  • Themes Set of graphics and cascading style sheets that control the look of your site. Uses Office themes (.THMX) 12 colors, 2 fonts
  • Themes 3 Approaches to creating/updating the theme  Existing theme can be modified in UI (Publishing Features)  New theme can be created in PowerPoint and imported  Microsoft Theme Builder Tool
  • Theme Engine Attach Custom CSS – EnableCssTheming Enable custom CSS to see themes - /Style Library/en-us/Themable Capabilities – ref  Replace colors, Replace fonts  Recolor images - Blending, Tinting, Fill
  • Upgrading Branding Master Page  MSDN Article - Upgrading an Existing Master Page to the SharePoint Foundation Master Page
  • Deployment Options Theme  Upload & Activate through UI Alternate CSS  Upload & Set through UI Master Page / CSS  Upload & Apply through UI  Feature Deployment
  • Demo Theme  Create through PowerPoint, Import  Update through UI  Theme Tool Show V3 Master Page Support  OOTB v3.master  Heather base master page Show Starter Master  Apply Blank Master Page  Apply Customized Master Page Tie into theme engine w/ custom css (/theme site)
  • Questions? Questions / Comments Contact information  Thomas Daly 