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