Confluence6CSS指南：修改頂部背景

honeymoose發表於2018-05-02
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


相關文章