编辑样式

使用 CSS Designer 来定制主题的 Style.css 文件。

打开 CSS Designer

至少有三种方法可用来编辑主题的样式:
  • 在 Portal Designer 中,从弹出菜单选择编辑样式。活动主题的 Style.css 文件将在 CSS Designer 中打开。
在 CSS Designer(标有 Styles.css 的选项卡)中,您将编辑两个视图:“预览”窗格(左边)和“源代码”编辑器(右边)。

Page Designer 中的 Styles.css 文件

上述图像显示“预览”窗格中的 themeskin.html 文件。在此文件中,可检查样式,如影响活动主题和皮肤的字体。在“预览”窗格的左边,注意“大纲”视图已切换为“样式”视图。要更改主题和皮肤,在“样式”视图中单击样式元素的名称。在此示例中,请注意,通过突出显示 .wpsToolBar 元素,还会在“预览”窗格和“源代码”窗格中突出显示 Styles.css 文件中的相应元素。

使用 portlet.html 文件来定制样式,如 portlet 应用程序中的字体。

编辑主题中的样式

在 Page Designer 中编辑主题时打开 CSS Designer 将允许您链接至新的或现有的样式表。而且您还可以指定新类。有关使用 Page Designer 编辑主题的更多信息,参阅编辑主题

要打开 CSS Designer,执行下列操作:将显示一个对话框。
  • 从 Rational® Developer 工具栏中选择编辑 > 编辑样式。将显示一个对话框。
  • 选择想要编辑的样式部分,然后单击确定

或者

在 Page Designer 中的打开主题中,选择要编辑的项并在“属性”视图中进行更改。如果为选择项定义了样式类规则,它将列示在“全部属性”视图的“类”字段中。要访问“全部属性”视图,在“属性”视图中单击工具栏右上角的表图标。这会将“属性”视图切换至一个列表,该列表列示与您在 Page Designer 中选择的项相关联的所有属性。再次单击此图标将返回至“属性”视图。

相关任务
定义布局
将 portlet 添加至门户网站页面
相关信息
使用 Portal Designer
使用皮肤
使用主题
使用条款 | 反馈
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.