定制SPS实战记录 系列之二

转载 2006年06月12日 11:27:00

1. 首先在指定目录创建CSS文件,并配置SPS的相关属性

1)在如下SPS目录创建自定义的CSS文件,如CustomStylesheet.css,用来定制SPS页面外观的显式。

C:/Program Files/Common Files/Microsoft Shared/web server extensions/60/TEMPLATE/LAYOUTS/1033/STYLES

2)配置SPS的属性以支持定制的style sheet

Browse to the portal instance with an account that has administrator privileges.

以管理员身份访问Portal站点。

Click Site Settings, and then click Change portal site properties and SharePoint site creation settings.

 

Update the Location of cascading style sheet file property with the following value:

通过点击Site Settings,并进一步点击Change portal site properties and SharePoint site creation settings。在显示的新页面中,更新Custom Cascading Style Sheet的设置:

/_layouts/[Loc ID]/styles/CustomStylesheet.css

 

The portal site now renders HTML elements based on the following order of cascading style sheets:

  • OWS.CSS (Windows SharePoint Services style sheet)
  • SPS.CSS (SharePoint Portal Server style sheet)
  • CustomStylesheet.CSS (上述创建的CSS文件)

 

2. 创建特定目录用来存放SPS需要的资源

一般在定制SPS页面时,需要创建一些资源文件,如图片或logo等等,这里建议在如下的SPS目录下创建一个新的目录:

<%SystemDrive%>:/Program Files/Common Files/Microsoft Shared/web server extensions/60/TEMPLATE/IMAGES

如,创建一个名称为:rickie的目录

<%SystemDrive%>:/Program Files/Common Files/Microsoft Shared/web server extensions/60/TEMPLATE/IMAGES/rickie

 

然后,可以将对应的资源文件存放在上述目录下,你可以通过如下的URL访问:

/_layouts/images/rickie/[Image Name]

 

 

3. 编辑定制CSS文件

首先打开上述第一步创建的CSS文件,并添加如下内容:

.ms-phnavtableone

{

   padding-left: 10px;

   padding-top: 1px;

   padding-bottom: 1px;

}

.ms-phnavtableone a

{

   font-family: Tahoma;

   font-size: 70%;

   font-weight: bold;

   color: blue;

   text-decoration: none;

}

.ms-phnavtableone a:hover

{

   text-decoration: underline ;

}

 

.ms-phnavtableone 用来定义或控制horizontal navigation bar的外部表格。刷新SPS页面,看看定制效果。

 

.ms-phnav1wrapper {

   background-image: none;

   border-top: 1px yellow solid;

   border-bottom: 1px yellow solid;

   background-color: #FFCC00;

   BACKGROUND-REPEAT: no-repeat;

}

.ms-phnavmidc1sel, .ms-phnavmidc0sel

{

   BORDER-top: black 1px solid;

   BORDER-left: black 1px solid;

   BORDER-right: black 1px solid;

   BORDER-bottom: black 1px solid;

}

.ms-phnavmidc1sel a,.ms-phnavmidc0sel a

{

   color: green;

}

上述元素用来控制horizontal navigation bar的外观显示:

.ms-phnav1wrapper: Wrapper over horizontal navigation bar

.ms-phnavmidc[n](Sel): Middle center of an area in the horizontal navigation bar

 

 

Div.ms-titleareaframe

{

    border-top: 3px solid #4D917C;

}

.ms-sbtable

{

    background-color: #4D917C;

}

.ms-sblbcorner

{ 

    background-image: url(/_layouts/images/rickie/cornerbl.gif);

}

.ms-sbtopcorner

{ 

    background-image: url(/_layouts/images/rickie/cornertop.gif);

}

 

上面元素用来控制search box的外观显示,其中后面的2个样式用来引用用户自己创建的images文件,这2images文件用来控制search box左边圆角的显示。

 

 OK. 定制SPS  Portal Site的页面外观暂告一段落,现在可以刷新页面看看效果。

相关文章推荐

MongoDB实战系列之二:MongoDB的常用操作

#以服务方式启动mongodb,要求验证 /elain/apps/mongodb/bin/mongod --fork --port 27001 --auth --dbpath /elain/data...

实战 DeviceIoControl 系列 之二:获取软盘/硬盘/光盘的参数

Q 在 MSDN的那个 demo 中,将设备名换成“A:”取 A 盘参数,先用资源管理  器读一下盘,再运行这个程序可以成功,但换一张盘后就失败;换成“CDROM0”  取 CDROM参数,无论如何都...
  • cnyfk
  • cnyfk
  • 2011-03-30 14:14
  • 415

跟我学CMD实战系列之二 ——数据压缩备份

需求: 每天下班时,将本地硬盘上的projects目录压缩为rar文件,文件名中必须含有当天日期信息,例如projects_20070902.rar. 分析: 1. 压缩可以调用WinRAR...
  • xhhjin
  • xhhjin
  • 2012-03-02 13:20
  • 1209

MongoDB实战系列之二:MongoDB的常用操作

#以服务方式启动mongodb,要求验证 /elain/apps/mongodb/bin/mongod --fork --port 27001 --auth --dbpath/elain/d...

Halcon实战记录之二《判断两个直线或者矩形是否相交》

项目中使用到需要判断两个矩形是否相交,由于我使用Halcon不久,对其算子还不熟悉,不知道是否有现成的算子可以直接实现,如果有,还请各位朋友给留言指出,先谢谢了,我这里用了如下的方法。

深入浅出系列之二_SubVersion

  • 2014-03-18 10:50
  • 11.38MB
  • 下载

定制Android系统开发之二——系统服务

何为系统服务做Android APP开发的过程中,会经常需要调用类似于下面这样的函数:WifiManager mWifiManager = (WifiManager)getSystemService(...

HDU 不容易系列之二 2042

  • 2010-11-27 10:12
  • 382B
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)