1. 程式人生 > >Confluence 6 CSS 指南:修改頂部背景

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

Confluence

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


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