UCML Web项目样式说明.docVIP

UCML Web项目文件样式说明 Tab页 Tab页的展现主要是由脚本文件TabStrip.htc文件提供的，Tab页的样式和图片的定义也是在TabStrip.htc中定义的，所有如果想要修改Tab页的样式需要修改TabStrip.htc文件。 Tab页在主要有三种状态：选中状态、未选中状态、鼠标移到Tab页签上三种状态，所以如果要修改Tab页的样式要设置这三种状态的样式及图片。 Tab页在平台自带的三种皮肤下的样式如下图： 缺省皮肤：Skin/ucmlstd/ Vista皮肤：Skin/Vista/ Office2007皮肤：Skin/Office2007/ 以上三个Tab页的状态分别是：选中、鼠标移到Tab上及未选中状态。 每一个Tab页标签军事有三个图片（左侧图片、文字背景图片、右侧图片）组成，如下图： 对应三种状态下图片的路径为： 1、选中状态： 说明 图片路径 TabStrip.htc中的变量定义 左侧图片 皮肤目录/css/newportalgreen_left.gif 缺省皮肤是：Skin/ucmlstd/Images/ 03_01.gif TabStripSelectedLeftPic 文字背景图片 皮肤目录/css/newportalgreen_center.gif 缺省皮肤是：Skin/ucmlstd/Images/ 03_02.gif TabStripSelectedBgPic 右侧图片 皮肤目录/css/newportaltitle_green.gif 缺省皮肤是：Skin/ucmlstd/Images/ 03_03.gif TabStripSelectedRightPic 2、未选中状态： 说明 图片路径 TabStrip.htc中的变量定义 左侧图片 皮肤目录/css/newportaltitle_leftgray.gif 缺省皮肤是：Skin/ucmlstd/Images/ 02_01.gif TabStripDefaultLeftPic 文字背景图片 皮肤目录/css/newportaltitle_centergray.gif 缺省皮肤是：Skin/ucmlstd/Images/ 02_02.gif TabStripDefaultBgPic 右侧图片 皮肤目录/css/newportaltitle_grey.gif 缺省皮肤是：Skin/ucmlstd/Images/ 02_03.gif TabStripDefaultRightPic 3、鼠标移到Tab状态： 说明 图片路径 TabStrip.htc中的变量定义 左侧图片 皮肤目录/css/newportaltitle_left_w.gif 缺省皮肤是：Skin/ucmlstd/Images/ 01_01.gif TabStripHoverLeftPic 文字背景图片 皮肤目录/css/newportaltitle_center_w.gif 缺省皮肤是：Skin/ucmlstd/Images/ 01_02.gif TabStripHoverBgPic 右侧图片 皮肤目录/css/newportaltitle_grey_w.gif 缺省皮肤是：Skin/ucmlstd/Images/ 01_03.gif TabStripHoverRightPic 4、Tab页标签空白处背景图片：皮肤目录/css/newportaltitle_bg.gif Tab页标签上的文字是直接在TabStrip.htc中定义的，可以在TabStrip.htc中搜索“FONT-SIZE:8pt”，然后修改。 ToolBar工具栏按钮 ToolBar工具栏的展现主要是由脚本文件toolbar.htc文件提供的，ToolBar工具栏上的控件类型有以下几种：按钮、标签、文本框、下拉框、单选按钮及分隔符等。ToolBar工具栏上的控件类型有以下几种设置： 按钮、标签可以在平台中设置文字前显示的图片 文本框可以设置款宽度 工具栏上的按钮也有三种状态：选中状态、未选中状态、鼠标移到按钮上三种，但是标签、文本框、下拉框及分隔符只有未选中状态的样式，按钮和单选按钮才有三种状态 ToolBar工具栏在平台自带的三种皮肤下的样式如下图： 缺省皮肤：Skin/ucmlstd/ Vista皮肤：Skin/Vista/ Office2007皮肤：Skin/Office2007/ ToolBar工具栏的样式调整主要涉及以下位置： 下面将依次说明ToolBar工具栏的背景及控件样式调整 背景修改： 在Vista皮肤和Office2007皮肤下：其背景一幅图片，位于是在“皮肤目录/css/ newportal_toolbar_bg.jpg” 在缺省模式下Toolbar背景是在H