SharePoint Branding

Creating Design Layout Unlike wireframes, Design Layout are intended to be the final branding of the actual SharePoint site. creating Design Layout should include all of the things that make up a the final design, such as logo, colors, fonts, photos, resolution of the website and anything else that will appear on the final web solution. To create a realistic prototype, Microsoft Expression Design and Adobe Photoshop will help. This two design application are ideal. Below figure shows Adobe Photoshop tool used to create the Design Layout To obtain above design layout start with a new blank document. Use the following parameters for the Document as shown in the screenshot below. Before starting your design Layout leave 15px from left and right corners of the blank document for browser compatibility. This will help you at the time you create your Prototype. Now we need to create the top header section of the page. this section, we will have the Sharepoint forum ...

Hi..! SharePoint branding followers, this is step by step branding blogging is to help you people out of SharePoint branding issues. What we will be doing is will do complete branding top to bottom. First identifying a wireframe, building it to Photoshop Realistic Design, Converting Design into Working HTML, CSS and jQuery after that testing in Multiple Browsers and last not least Branding with SharePoint Designer 2010. In SharePoint Designer 2010 we have lots of steps like creating a new master page, page layouts, modifying the CSS and jQuery. Then creating custom themes with the office client, modifying themes in SharePoint Server. Planning site navigation and using non-SharePoint navigation, breadcrumb navigation and site map providers. Ok will start our work right now. Why Plan for Branding? You guy can jump into SharePoint designer and start creating master pages for SharePoint 2010 but in a project environment that will be a mistake. The process of actually creating a brand in a ...

Creating You own Master Page Professional recommend when you do complete branding go for the starter master page (Formerly known as Minimal Master Pages). for further details you can go to below link. http://startermasterpages.codeplex.com/ Basically starter master page will look like this when you are trying to modify a master page the difficult part is Changing the Position of the Ribbon . To start you have to identify important div ID s, navigation and controls . Below are few IDs. div ID s 1. #s4-ribbonrow 2. .s4-ribbonrowhidetitle 3. #s4-workspace 4. #s4-bodycontainer navigation and controls Changing how the Ribbon looks: Just like any Share Point 2010: Master Pages branding it takes time and patience. To style the ribbon. now another important thing is one java script witch handles the V4 version. don't ever remove this code because it handles all the version information related to share point 2010. Above information are most important when it come to creating a complete new ...