Confluence 6 CSS 指南:修改顶部背景

Confluence 默认页面的顶部是有关站点的菜单连接,在这里定义了 快速连接浏览菜单,用户菜单和快速查找输入框。

在这个示例中,我们将会尝试修改顶部的菜单部分的背景和一些自定义的图片。

  • 创建一个自定义图片。在这个例子中,我们将会创建一个自定义头图片,使用 1046 x 61 像素。
  • 上传自定义图片到你希望自定义的空间页面中。
  • 注意你需要上传新图片的(在这个例子中页面 ID 是 658833839)。
  • 为头部的修改创建你的自定义 CSS 文件。在这个例子中,我们上传的的新图片文件(被称为 header.png),针对特定的页面ID(页面 ID 为 658833839)。这个文件也在相同的空间中。
    #header .aui-header { background-image:url(’…/download/attachments/658833839/header.png’); background-repeat: no-repeat; }
  • 以空间管理员身份登录系统。
  • 打开空间管理员界面。
  • 单击 样式表(Stylesheet)
  • 单击 **编辑(Edit)**来修改文本输入框中的代码。
  • 张贴你自定义的 CSS 文件到文本输入框中。
  • 单击 **保存(Save)**然后重新载入页面(你可能需要强制刷新你的浏览器)。空间的背景将会被修改。
  • 自定义的头文件将会在空间的所有页面中被应用。希望删除这个修改恢复到原始状态的话,你可以简单的删除样式表中的所有内容,单击 **保存(Save)**就可以了。