Confluence 6 CSS 指南:修改頂部背景
阿新 • • 發佈:2018-05-03
ConfluenceConfluence 默認頁面的頂部是有關站點的菜單連接,在這裏定義了 快速連接, 瀏覽菜單,用戶菜單和快速查找輸入框。在這個示例中,我們將會嘗試修改頂部的菜單部分的背景和一些自定義的圖片。
創建一個自定義圖片。在這個例子中,我們將會創建一個自定義頭圖片,使用 1046 x 61 像素。
上傳自定義圖片到你希望自定義的空間頁面中。
註意你需要上傳新圖片的(在這個例子中頁面 ID 是 658833839)。
為頭部的修改創建你的自定義 CSS 文件。在這個例子中,我們上傳的的新圖片文件(被稱為 header.png),針對特定的頁面ID(頁面 ID 為 658833839)。這個文件也在相同的空間中。
#header .aui-header { background-image:url('../download/attachments/658833839/header.png'); background-repeat: no-repeat; }
以空間管理員身份登錄系統。
打開空間管理員界面。
單擊 樣式表(Stylesheet)。
單擊 編輯(Edit)來修改文本輸入框中的代碼。
張貼你自定義的 CSS 文件到文本輸入框中。
單擊 保存(Save)然後重新載入頁面(你可能需要強制刷新你的瀏覽器)。空間的背景將會被修改。
自定義的頭文件將會在空間的所有頁面中被應用。希望刪除這個修改恢復到原始狀態的話,你可以簡單的刪除樣式表中的所有內容,單擊 保存(Save)就可以了。
https://www.cwiki.us/display/CONFLUENCEWIKI/Basic+Styling+Tutorial
Confluence 6 CSS 指南:修改頂部背景