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
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