定制 IBM Cognos 8 UI ( 3)

xiaoerp

4.5 重新塑造 Metrics Manager
使用的文件
<install location>/c8/webcontent/skins/my_style/cmm/default.css
<install location>/c8/webcontent/skins/my_style/cmm/admin_styles.css
查找替换
Metrics Manager 提供浓度稍微不同的颜色。在上面的两个 CSS 文件中，查找并替换我们在上图中匹配的颜色，但以下颜色除外：
#999999 --> #8bb093
#99AACC --> #8bb093
#CCCCCC --> #c8ddca
其他配置变化
在 default.css 文件中，分别修改以下参数：
修改 Main Header
.mainHeader1 {
  BORDER-TOP: #c8ddca 1px solid; PADDING-LEFT: 1px;
  PADDING-BOTTOM: 1px;
  BORDER-LEFT: #c8ddca 1px solid; PADDING-TOP: 1px;
  BORDER-BOTTOM: #2d5c3d 1px solid; HEIGHT: 25px;
  BACKGROUND - COLOR: #2d5c3d;
}
.headerTitle {
  PADDING-LEFT: 0px;
  FONT-WEIGHT: bold;
  FONT-SIZE: 80%;
  COLOR: #ffffff;
  BACKGROUND - COLOR: #2d5c3d;
}
.headerTitleMiddle {
  BACKGROUND - COLOR: #2d5c3d;  
  background - image: urlBImagesCt~tle 2bar Dgra::c~g:f);
  background - repeat: repeat - y;
  background - position: left top;
  background - attachment: fixed;
}
.logoImageContainer {
  PADDING-RIGHT: 5px;
  PADDING-LEFT: 3px;
  BACKGROUND - COLOR: #2d5c3d;
}
  

图 18. 修改 Main Header

修改 Table Style
.tableTitle {
  font: 70% Tahoma, arial, geneva, helvetica, sans - serif;
  font-weight: bold;
  color: #2d5c3d;
  background - color: #c8ddca;
}
.tableTitleHover
{
  font: 70% Tahoma, arial, geneva, helvetica, sans - serif;
  font-weight: bold;
  color: #2d5c3d;
  background - color: #8bb093;
  cursor : pointer;
}
.tableSortTitle
{
  font: 70% Tahoma, arial, geneva, helvetica, sans - serif;
  font-weight: bold;
  color: #2d5c3d;
  background - color : #8bb093;
}
.tableSortTitleHover {
  font: 70% Tahoma, arial, geneva, helvetica, sans - serif;
  font-weight: bold;
  color: #2d5c3d;
  background - color : #8bb093;
  cursor : pointer;
}
.tableItemCount
{
  font-size: 70%;
  font-weight: normal;
  color: #2d5c3d;
}
  

图 19. 修改 Table Style

修改链接和选项卡的颜色
.pathSearchLabel {
  font-weight: bold; font-size: 70%; color: #2d5c3d
}
  

修改选项卡
.clsButtonText{
  font: bold 70% Tahoma, arial, geneva, helvetica, sans-serif;
  color: #2d5c3d;
}
.clsMenuItemHighlight {
  background - color: #8bb093
}
.clsMenuItemHeader {
  background - color: #c8ddca
}
  

修改选择的项
.clsTreeTextBlack {
  text - decoration: underline; font-size: 70%;
  color: #2d5c3d;
}
.clsTreeTextHighlight{
  font: bold 70% Tahoma, arial, geneva, helvetica, sans-serif;
  color: #2d5c3d;
}
  

修改“GO Metrics ”标题
.dialogHeader {
  BORDER-RIGHT: #c8ddca 1px solid;
  BORDER-TOP: #c8ddca 1px solid;
  BORDER-LEFT: #c8ddca 1px solid;
  BORDER-BOTTOM: #c8ddca 1px solid;
  HEIGHT: 24px;
  BACKGROUND - COLOR: #2d5c3d;
}
  

图 20. 修改 'GO Metrics' 标题

最终结果

图 21. 重新塑造 Metrics Manager 后的最终结果

4. 重新塑造 Event Studio
使用的文件
<install location>/c8/webcontent/skins/my_style/ags/crn.css
<install location>/c8/webcontent/skins/my_style/ags/ags.css
查找替换
在上面的两个 CSS 文件中，查找并替换我们在上图中匹配的颜色。保存并关闭该文件。
其他配置变化
在 crn.css 文件中，分别修改以下参数：
.menuBar
{
  background - color: #2d5c3d;
  background - image:;
  background - repeat: no - repeat;
  background - position: left bottom;
  border - bottom: #2d5c3d 1px solid;
  border - left: #c8ddca 0px solid;
  border - top: #c8ddca 1px solid;
  border - right: #c8ddca 1px solid;
  height: 25px;
  width:100%;
  padding: 1px
}


最终结果

图 22. 重新塑造 Event Studio 的最终结果


该贴已经同步到 xiaoerp的微博