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