创建主题样式后,请使用此过程来将定制外观应用于主题。
关于此任务
请勿直接编辑
IBM® WebSphere® Portal 8.5 主题 CSS 样式表,因为这些更改可能会在修订包升级期间丢失。而是,在属于您的定制主题的新样式表中创建 CSS 类。
过程
- 将定制样式应用于页面。
- 在要应用样式的页面上,开启编辑方式。
- 单击工具栏上的。
- 单击定制样式。
- 编写新样式。
- 打开应用了您的主题和定制样式的门户网站页面。
- 使用 Firebug 之类的工具来选择并检查要更改的样式规则。
- 确定要在主题中覆盖的样式后,请将覆盖内容复制到 WebDAV 中的定制样式表。
- 将此定制样式表应用于整个页面结构。
- 确定要将定制样式应用于的区域的根页面。要应用于整个站点,请选择内容根。
- 在根页上添加关键字为 colorPalette ,具有指向您的定制样式表与 WebDAV 上的主题目录相关的值的元数据。 例如:css/custom/custom.css。
- 使用 Firebug 来检查 CSS 文件。
- 在 Mozilla Firefox 浏览器中打开 Firebug 插件。
- 在 Firebug 菜单栏中单击元素选择图标
。
- 单击页面上要更改的区域。
- 确认在 HTML 选项卡中选择了正确的区域。

- 查看样式选项卡以检查应用于 HTML 元素的所有 CSS 文件。

- 在样式选项卡中编辑 CSS 文件,直到 HTML 元素具有所需的外观为止。要编辑属性,请单击文本。

- 确定应用的新的值具有所需外观后,请将在样式选项卡中更改的 CSS 复制到定制样式表中。