更新定制样式

创建主题样式后,请使用此过程来将定制外观应用于主题。

关于此任务

请勿直接编辑 IBM® WebSphere® Portal 8.5 主题 CSS 样式表,因为这些更改可能会在修订包升级期间丢失。而是,在属于您的定制主题的新样式表中创建 CSS 类。

过程

  1. 将定制样式应用于页面。
    1. 在要应用样式的页面上,开启编辑方式
    2. 单击工具栏上的页面 > 样式
    3. 单击定制样式。
  2. 编写新样式。
    1. 打开应用了您的主题和定制样式的门户网站页面。
    2. 使用 Firebug 之类的工具来选择并检查要更改的样式规则。
    3. 确定要在主题中覆盖的样式后,请将覆盖内容复制到 WebDAV 中的定制样式表。
  3. 将此定制样式表应用于整个页面结构。
    1. 确定要将定制样式应用于的区域的根页面。要应用于整个站点,请选择内容根
    2. 在根页上添加关键字为 colorPalette ,具有指向您的定制样式表与 WebDAV 上的主题目录相关的值的元数据。 例如:css/custom/custom.css
  4. 使用 Firebug 来检查 CSS 文件。
    1. 在 Mozilla Firefox 浏览器中打开 Firebug 插件。
    2. 在 Firebug 菜单栏中单击元素选择图标Firebug 图标
    3. 单击页面上要更改的区域。
    4. 确认在 HTML 选项卡中选择了正确的区域。 Firebug HTML 选项卡
    5. 查看样式选项卡以检查应用于 HTML 元素的所有 CSS 文件。 Firebug 样式选项卡
    6. 样式选项卡中编辑 CSS 文件,直到 HTML 元素具有所需的外观为止。要编辑属性,请单击文本。 突出显示了 HTML 元素的 Firebug 样式选项卡
    7. 确定应用的新的值具有所需外观后,请将在样式选项卡中更改的 CSS 复制到定制样式表中。