SharePoint 2010母版页开发指南.docVIP

SharePoint 2010 Base CSS Classes This will be the first of many SharePoint 2010 posts. I will be focusing on a few of the main CSS classes used for SharePoint 2010 Public Beta. As the product becomes more final there might be some changes to the class names but I will be sure to create a new post if that happens. This will be quite a lengthy but it should be helpful. The default CSS given below are just highlights of the full CSS attributes for that class. I will be using a basic team site as my base for the screenshots. Here is a basic structure of the main areas that I will cover. Ribbon Row Table Row Left Site Actions Navigate Up Edit Tab List Browse Page Table Row Right Give Feedback Welcome Menu Workspace Body Container Title Row Title Title Logo Title Text / Breadcrumb Page Description Social Data Separator I like It Tags/Notes Top Header 2/Top Links li Static-Selected li Static Search Help Status Bar Container Main Area Left Panel Navigation Manager li Static (Header) ul li Static (Link) Special Navigation Links List Recycle Bin View All Site Content Content Table / Body Area Web Part Cell Web Part Header WP Title WP Header TD WP Header Menu WP Header Selection Web Part Content Ribbon Row:?Class/ID = “body #s4-ribbonrow”?Default CSS:?min-height:43px;?background-color:#21374c;?Comments: This is the container for all of the items in the top ribbon? Table Row Left:?Class/ID = “ms-cui-TabRowLeft”?Default CSS:?float:left;?margin-top:20px;?Comments: This is the container Site Actions, Navigate Up and Edit? Site Actions:?Class/ID = “ms-siteactionsmenuinner”?Default CSS:?border-color:#21374C;?border-top-color:#394f63;?background:url(/_layouts/images/bgximg.png) repeat-x -0px -467px;?background-color:#21374c;?Comments: Main Style for Site Actions menu? Navigate Up:?Class/ID = “.s4-breadcrumb-anchor,.ms-qatbutton”?Default CSS:?margin:0px 3px 0px 0px;?padding:2px 5px 0px;?Comments: There is an image “fgimg.png” that sits within an “A” hyperlink