码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-05-02 23:58:58      阅读:349      评论:0      收藏:0      [点我收藏+]

标签: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 指南:修改顶部背景

标签:Confluence

原文地址:http://blog.51cto.com/ossez/2111103

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!