Thursday 20 September 2012

Custom Master Page changes to Add banner in sharepoint

If there is a need to add custom banner in sharepoint 2010 master pages there should be some CSS work

To Hide the Inner contents like the default logo and default page breadcrum

.s4-title-inner
 {display:none !important;

}
To hide the warning message coming after the page edit,
#s4-statusbarcontainer
{display:none !important;
}
To add the banner and the some css changes for the Menu item  in Sharepoint 2010 publishing sites
.s4-title
{
min-height:28px !important;
}
#s4-topheader2
{
background:url('../Image/image.jpg') repeat scroll 0 0 transparent !important ;
}
#s4-tophd2
{

 background:url('../Image/nav-gold-rule.jpg') repeat scroll 0 0 transparent !important ;
/* ../Image/nav-gold-rule.jpg added path  from style library */
}
 .s4-tn li.static > .menu-item
{
padding-top:10px !important;
background:none !important;
color:#669999 !important;
border:none !important;
}
.s4-tn li.static > a:hover
{
background:white !important;
border-color:black !important;
border:thin !important;
color:red !important;
}
.s4-tn li.dynamic > a:visited
{
 color:#666666 !important;
 border-color:black !important;
}


#s4-searcharea
{
padding-top:5px !important;
}

.s4-title {


    background:#F9F9F9 url('../Image/banner.jpg') repeat-x 0px 0px  !important;
 /* ../Image/banner.jpg added path  from style library */

    margin:0 !important;


    min-height:71px !important;


    overflow-x:hidden !important;


    padding:30px 0 0 310px !important;


    word-wrap:break-word !important;


}



Reffered from Here



No comments:

Post a Comment