SharePoint 2010 界面定制与 CSS3 应用技巧
在 SharePoint 2010 的使用过程中,我们常常需要对界面进行定制以满足特定的需求,同时合理运用 CSS3 可以让页面更加美观和独特。下面将详细介绍一些实用的技巧和操作方法。
1. 对话框窗口的定制
在对话框窗口中,Ribbon 的背景颜色和图像可能会让窗口看起来有些怪异。我们可以通过 CSS 来针对性地修改对话框窗口内的元素样式。
1.1 修改对话框窗口的 Ribbon 背景
对话框窗口有其独特的容器类 .ms-dialog
,我们可以利用这个类来定位容器内的元素。以下代码可以去除对话框窗口内 Ribbon 工具栏的背景图像和颜色:
.ms-dialog #s4-ribbonrow{
background-color: #FFF;
}
.ms-dialog .s4-ribboncont{
background-image: none;
}
将上述代码与下面的 CSS 代码结合使用,可以为对话框窗口提供一个不错的基础样式,使其与品牌网站的整体外观相匹配:
.ms-dlgOverlay{
filter:alpha(opacity=50);
-ms-filter:"alpha(opacity=50)";
opacity:0.5;
background-color:#030;
}
.ms-dlgContent{
bo