Posts

Showing posts with the label Branding

Web Part Branding

Image
Create css file "WebPartStyle.css" & upload in Style Library with below mentioned contents : .ms-wpTdSpace{ display:none; } .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;     display:inline; } .ms-WPHeaderTdMenu {     margin:0px 0px 0px 20px;     background: transparent url('g-02.png') scroll repeat-x right top !important;     border: 0; } .ms-WPTitle {    background: url('g-02.png') no-repeat top repeat-x !important; } .ms-WPTitle A { color:white !important; } .ms-WPHeaderTdSelection{     background: transparent url('g-03.png') scroll repeat-x right top !important; } /* border (title and border) */ .ms-rtestate-field table {     border-collapse: separate; } .ms-WPBorder {     border-top: none;     border-right: 1px #C0C0C0 solid;  

Branding Left Navigation

Image
Create css file "LeftNavStyle.css" & upload in Style Library with below mentioned contents : /* To Set minum Height of the page */ .s4-ca{  min-height:500px !important; } /* Remove Top Space From Left Navigation */ .ms-quickLaunch  { padding-top:5px !important; } /* For Footer */ .custom-footer { clear:both; 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;*/  color:#fff; } /* Left Navigation item Hover */ .s4-ql ul.root ul > li > a:hover{  color: #005B96 !important;  backg

SharePoint 2010 Branding

Real World Branding with SharePoint 2010 Publishing Sites http://msdn.microsoft.com/en-us/library/gg430141.aspx#Y13640 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 Design Visual Design SharePoint 2010 Layered Photoshop File!  – Erik Swenson Universal Usability Guidelines The Pursuit of Interface Design Simplicity  -Luke Wroblewski Visible Narratives: Understanding Visual Organization  -Luke Wroblewski Common Visual Design Misconceptions  – Luke Wroblewski Usability 20 Do’s and Don’ts of Effective Web Design Introduction to Good Usability 10 Useful Usa