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

转载于:https://blog.51cto.com/ossez/2111103

Confluence 6 CSS 指南:修改顶部背景相关推荐

  1. [css] 怎样修改chrome记住密码后自动填充表单的黄色背景?

    [css] 怎样修改chrome记住密码后自动填充表单的黄色背景? input:-webkit-autofill { -webkit-box-shadow: 0 0 3px 100px #eee in ...

  2. Confluence 6 CSS 编辑技巧

    开始编辑空间样式表 一个空间的样式表是你开始对 CSS 进行自定义编辑的好的开始.在空间样式表中,包含了你所有可以进行修改的元素.当你对空间样式表进行编辑的时候,空间样式表的修改只会对你修改的空间有效 ...

  3. html+css实现页面顶部导航栏

    最终效果如下: 接下来,我将从html和css两大部分,逐步为您讲解制作过程 目录 Html 实现布局 创建父栏目 创建子栏目 插入外部样式表,为接下来的css编辑做准备 Css 实现样式 排布文本, ...

  4. jquery入门 修改网页背景颜色

    我们在浏览一些网站,尤其是一些小说网站的时候,都会有修改页面背景颜色的地方,这个功能使用jquery很容易实现. 效果图: show you code: <!doctype html> & ...

  5. css 回到首页按钮,js+css实现回到顶部按钮(back to top)

    本文实例介绍了js+css实现回到顶部按钮的方法,分享给大家供大家参考,具体内容如下 效果 html css p#back-to-top{ position:fixed; bottom:100px; ...

  6. JQuery修改background-image背景图片

    JQuery修改background-image背景图片 使用: var src = ' ../resource/images/top-img.png'; $("#videoCoverLay ...

  7. html网页左侧背景,CSS设置html网页背景图片 CSS设置网页背景颜色

    CSS设置网页背景图片 CSS设置网页背景颜色技术教程篇 本篇DIVCSS5以布局思想介绍使用CSS设置实现网页背景技巧为主,希望对DIV CSS爱好者有帮助.通常对网页设置背景直接对body设置背景 ...

  8. CSS设置html网页背景图片 CSS设置网页背景颜色

    http://www.divcss5.com/jiqiao/j768.shtml CSS设置网页背景图片 CSS设置网页背景颜色技术教程篇 本篇DIVCSS5以布局思想介绍使用CSS设置实现网页背景技 ...

  9. element修改el-table 表头的背景颜色横向渐变色 + 修改表头背景颜色

    vue + element-ui 修改el-table 表头的背景颜色横向渐变色 + 修改表头背景颜色 表头背景颜色横向渐变效果图: 修改表头背景颜色和字体颜色效果图: 直接上代码: 修改表头的背景颜 ...

最新文章

  1. Gradle build设置自动log开关
  2. boost::dag_shortest_paths用法的测试程序
  3. SpringBoot maxConnections、maxThreads、acceptCount解析
  4. Ubuntu虚拟机磁盘扩容+VM虚拟机开机多出1分30秒的解决方案(终极教程)
  5. idea页面简单介绍
  6. 19级:班级日常分享 | 一天一瞬间
  7. java数组使用实验报告_JAVA数组与类的定义-java实验报告
  8. 命令父窗口变颜色_【编程】第五期:Python Tkinter图形化教程03布局之父窗口、pack和LabelFrame...
  9. oracle vm win10,win10系统oraclevm卸载不了错误2503的解决方法
  10. 用html标记语言编写一个简单的网页代码,一个简单的网页设计代码
  11. [渝粤教育] 西南科技大学 机械设计基础 在线考试复习资料
  12. qt中添加注释的快捷键_Qt Creator快捷键
  13. MATLAB多元线性拟合——03
  14. kali Linux 上编译并使用RFID核弹——proxmark3
  15. 论项目管理中的量化管理
  16. 系动词分类【大学英语笔记】
  17. 1434:相亲的胖胖
  18. JavaScript的弹出框
  19. 大小端高位低位字节的理解
  20. Java打怪升级道路

热门文章

  1. mysql数据库序列作用_MySQL 序列使用
  2. 全新精美UI口红机闯三关赢礼品源码
  3. 骏飞H5幸运刮刮乐源码
  4. linux能挂载的文件类型,mount命令是如何自动识别挂载点的文件系统类型的
  5. 重温《数据库系统概论》【第一篇 基础篇】【第3章 关系数据库标准语言SQL】
  6. 通过代码生成机制实现强类型编程-CodeSimth版
  7. 网赚新手必读:Google Adsense五条法则
  8. asp.net页面回传与js调用服务端事件,Postback的原理
  9. Magento: 设置产品列表默认排序方式 How to sort Magento products by date added as default
  10. 流量劫持能有多大危害?