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

Confluence 默认页面的顶部是有关站点的菜单链接，在这里定义了 快速链接， 浏览菜单，用户菜单和快速查找输入框。在这个示例中，咱们将会尝试修改顶部的菜单部分的背景和一些自定义的图片。

1. 建立一个自定义图片。在这个例子中，咱们将会建立一个自定义头图片，使用 1046 x 61 像素。

2. 上传自定义图片到你但愿自定义的空间页面中。

3. 注意你须要上传新图片的（在这个例子中页面 ID 是 658833839）。

4. 为头部的修改建立你的自定义 CSS 文件。在这个例子中，咱们上传的的新图片文件（被称为 header.png），针对特定的页面ID（页面 ID 为 658833839）。这个文件也在相同的空间中。
   

    #header .aui-header  {
          background-image:url('../download/attachments/658833839/header.png');
          background-repeat: no-repeat;
       }

5. 以空间管理员身份登陆系统。

6. 打开空间管理员界面。

7. 单击 样式表（Stylesheet）。

8. 单击 编辑（Edit）来修改文本输入框中的代码。

9. 张贴你自定义的 CSS 文件到文本输入框中。

10. 单击 保存（Save）而后从新载入页面（你可能须要强制刷新你的浏览器）。空间的背景将会被修改。

11. 自定义的头文件将会在空间的全部页面中被应用。但愿删除这个修改恢复到原始状态的话，你能够简单的删除样式表中的全部内容，单击 保存（Save）就能够了。

 

https://www.cwiki.us/display/CONFLUENCEWIKI/Basic+Styling+Tutorial