SharePoint 2007 CSS Reference Chart

Share point CSS guide is about how to modify certain classes and IDs. It means what?
After re-factoring the master page you have to identify all the controls. these controls are inbuilt in share point. Actually using this guide line what we are going to do is restyle control areas through CSS classes and IDs. Below chart is a useful link that completely shows how to control styles of components like site actions, advance search, navigations top and left and other components.

CSS Reference Chart for SharePoint 2007


Note:

The default CSS files are located on the web server in the following directory:

Local Drive:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\LAYOUTS\1033\STYLES.

Additional styles are located in the Publishing feature:

Local Drive:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\FEATURES\PublishingLayouts\en-us

Comments

Post a Comment

Popular posts from this blog

SharePoint 2010: Branding Step by Step II

Image
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
Read more

Launch of SharePoint Forum - Sri Lanka

Image
Hi SharePoint devotees. Great news came to light on 12th of January 2011, the launch of the Sri Lankan SharePoint Forum. It speaks about this magnificent tool reaching its peak. Microsoft SharePoint forum - Sri lanka is dedicated to SharePoint and related products. The forum which can be reached online at www.SharePointSriLanka.org or www.SharePointSriLanka.com or www.SharePointSriLanka.net The forum’s offline sessions which will take place on second Wednesday of every month at Microsoft office, Sri Lanka. It will hold two technical sessions each week. On the launch we had over 130 followers and we did two sessions. The 1st session which was conducted by me on topic Professional SharePoint branding. It was a memorable and outstanding event for me. I like to thank and appreciate the support given by Prabath fonseka who found my talent and pushed me forward. Finally I like to extend my gratitude to my team member and friend Dinusha Kumarasiri . The second session was
Read more

SharePoint 2010: Branding Step by Step I

Image
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
Read more