Skip to main content


Showing posts with the label Branding

Web Part Branding

Create css file "WebPartStyle.css" & upload in Style Library with below mentioned contents :

.ms-WPHeader td:first-child {
    background: url('g-03.png') no-repeat top right;
    background: url('g-01.png') no-repeat top left;
    margin: 0;
    padding: 0px 0px 0px 20px;;
    height: 20px;
.ms-WPHeaderTdMenu {
    margin:0px 0px 0px 20px;
    background: transparent url('g-02.png') scroll repeat-x right top !important;
    border: 0;
   background: url('g-02.png') no-repeat top repeat-x !important;
.ms-WPTitle A {
color:white !important;

    background: transparent url('g-03.png') scroll repeat-x right top !important;
/* border (title and border) */
.ms-rtestate-field table
    border-collapse: separate;
    border-top: none;
    border-right: 1px #C0C0C0 solid;
    border-bottom: 1px #C0C0C0 solid;
    border-left: 1px #C0C0C0 solid;
/* title (titl…

Branding Left Navigation

Create css file "LeftNavStyle.css" & upload in Style Library with below mentioned contents :

/* To Set minum Height of the page */
 min-height:500px !important;
/* Remove Top Space From Left Navigation */
.ms-quickLaunch  {
padding-top:5px !important;
/* For Footer */
text-align: center;
padding: 10px;
background-color: #FCFCFC;
border: 1px solid #DBDDDE;
/* Left Navigation Heading */
.s4-ql ul.root > li > .menu-item, .s4-qlheader, .s4-qlheader:visited {

    border-bottom:1px solid #B8BABD !important;
    border-top: 1px solid #E0E0E0 !important;
    font-size: 1.2em;
    margin: 0;
    overflow-x: hidden;
    padding: 3px 4px 3px 10px;
    word-wrap: break-word;
 background:  url('../SiteAssets/01-03.png') repeat-x;
 /*background-color:#005B96 !important;*/
/* Left Navigation item Hover */
.s4-ql ul.root ul > li > a:hover{
 color: #005B96 !important;
 background-color: #CCE3F2 !important;
 background: url('../SiteAssets/…

SharePoint 2010 Branding

Real World Branding with SharePoint 2010 Publishing Sites
The most important source of information is the SDK. I can’t stress that enough. There is so much more documentation with this release than there was with 2007. However, we are all in the habit of looking to each other for information first. Researching the SDK and walking through the Development classes, even if you aren’t a developer. is an important step in understanding the complex relationships between the objects in SharePoint and ASP.NET. Planning Strategy and DesignVisual DesignSharePoint 2010 Layered Photoshop File! – Erik SwensonUniversal Usability GuidelinesThe Pursuit of Interface Design Simplicity -Luke Wroblewski