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

上一篇:Flash AIR的安装和简单使用


下一篇:利用chrome的Timeline观测系统的内存回收逻辑