CSS 的知识储备

如果你没有有关 CSS 的相关知识,请参考页面  CSS Resources section 中的内容。当你打算开始对 Confluence 的样式表进行修改之前,你应该对 CSS 有一些相关的了解和知识储备。

安全

自定义 CSS 有可能被在页面中注入脚本,有跨站点攻击的风险 cross-site scripting (XSS) 。当自定义脚本上传功能被启用后,空间管理员可以用自己的用户名和密码上传 CSS 样式表,然后触发浏览器在页面载入的时候运行脚本,这些脚本可能连空间管理员自己都不知道,甚至更加恶劣的能够获得管理员权限。正是基于这个考虑,这个功能在默认情况下是禁用的。Confluence 的管理员应该只启用他们熟悉的 CSS 文件,尽量避免使用来历不明的 CSS 文件来避免安全上的风险。

缩放

每个页面都需要进行缩放。基于每个用户使用的浏览器的不同,页面的内容应该能够基于不同的浏览器进行正确的缩放。你设计的 CSS 应该能够考虑到这种情况。尝试对 Confluence 的页面进行一些缩放的测试,这个测试需要对空间的很多页面进行测试,例如草稿箱,标签,页面继承等。你设计的样式表应该在任何情况下都能正常的工作,而不仅仅是第一页能正常工作就可以了。

不能禁用的特性

关闭一些链接,头,甚至是整个菜单是非常容易的,你只需要设置样式表为 'hidden' 就可以了。这个可能对对 Wiki 并不是很属性的用户能起到一些帮助。简单的 UI 设计能够更好的帮助用户进行使用。请注意,你隐藏的这些链接并不代表系统中的这些功能就不存在了。用户还可以通过修改自己浏览器的样式表来将这些功能重新使用或者获得访问使用的 URL。不要期待使用 CSS 能够帮你禁用 Confluence 的一些功能。

不应该被禁用的特性

对 Confluence 的用户希望相关的操作也能够同时在同样的地方显示出来。删除 Confluence 页面中的按钮或者隐藏这些按钮将会阻碍用户对 Confluence 的访问和使用,这些用户可能通过一些特定的 URL 来绕过你对按钮的禁用。

自定义 CSS 不能应用的管理员界面

你站点任何自定义 CSS 的使用将不会影响到系统管理员控制台。这样设置的意图是不能通过自定义 CSS 来阻止用户方法 Confluence 控制台的功能。

Confluence 版本兼容性

当你打算对你 Confluence 进行升级的时候,你需要小心。后续 Confluence 的版本可能对你当前使用的自定义 CSS 并不兼容——这个可能会导致你的 CSS 损坏,这个将会要求你在升级 Confluence 后可能对你的自定义 CSS 文件进行维护。请询问你的 Confluence 管理员获得更多信息。

在不同浏览器中测试

你应该对你的修改 CSS 后的 Confluence 站点在不同的浏览器中进行测试。Internet Explorer, Chrome, Firefox,Opera 和 Safari (Mac OS X) 是绝大部分用户使用的浏览器

不支持 CSS 自定义

创建自定义的 CSS 可能会导致各种潜在的可能性,Atlassian 将不会对自定义 CSS 产生或相关的问题提供支持。

https://www.cwiki.us/display/CONFLUENCEWIKI/Styling+Confluence+with+CSS

Confluence 6 考虑使用自定义 CSS的更多相关文章

  1. 轻量的、可自定义 CSS 的 Lightbox 相册插件

    jQuery LightGallery是一个轻量级的,可定制的,模块化的,响应式的 jQuery 相册插件.它采用 CSS 来实现图像和视频的大小调整.因此,这将是非常灵活的,并且比使用 JavaSc ...

  2. 自定义CSS博客(转)

    摘自:http://www.cnblogs.com/libaoheng/archive/2012/03/19/2406836.html 前  言 一个好的阅读体验,对技术博客来说,也许算是锦上添花.入 ...

  3. vue项目引入自定义.css的样式文件

    ES6的引入方式: .vue文件中 css文件引入 <template></template> <style scoped> @import "../as ...

  4. DotNetNuke-DNN Module模块引用自定义CSS或者JS文件

    当新增一个module时,有时会引用自定义的或者第三方CSS.JS文件. 1.添加自定义的CSS时,可以直接在module的根目录下添加module.css,然后框架会自动加载此CSS: 2.这个比较 ...

  5. Confluence 6 站点高级自定义

    你可以继续编辑的全局布局文件来继续更新你的主面板.请查看 Customizing the Confluence Dashboard 页面来获得更多有关的信息.你需要具有一些基本的Velocity 知识 ...

  6. 如何自定义CSS滚动条的样式?

    欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 本文由前端林子发表 本文会介绍CSS滚动条选择器,并在demo中展示如何在Webkit内核浏览器和IE浏览器中,自定义一个横向以及一个纵向的 ...

  7. Avada主题通过自定义CSS全局更换微软雅黑字体

    Avada主题的菜单.正文.标题.面包屑路径等等如果想更换为“微软雅黑”中文字体,只需要进入Avada主题的选项,倒数第二项有个Custom CSS,把下面的代码粘贴进去即可.当然你也可以自行改变字体 ...

  8. Confluence 6 布局高级自定义

    重载 Velocity 模板 velocity 目录是 Confluence Velocity 模板文件进行搜索时候需要的文件夹.例如,你可以通过将你的 Velocity 文件使用正确的文件名放置到正 ...

  9. 杨韬的Markdown自定义CSS样式

    效果 样例 杨韬的Python/Jupyter学习笔记 Markdown例子链接页面 代码 /*主标题*/ #cb_post_title_url{ font-size: 31px; } /*h1,h2 ...

随机推荐

  1. SqlServer 左右内连接

  2. [C++]PAT乙级1011. A+B和C (15/15)

    /* 1011. A+B和C (15) 给定区间[-2^31, 2^31]内的3个整数A.B和C,请判断A+B是否大于C. 输入格式: 输入第1行给出正整数T(<=10),是测试用例的个数.随后 ...

  3. css flex布局详解

    来源:https://blog.csdn.net/liveinmylife/article/details/51838939 1,flex布局是个什么东西? 官方说法:Flex是Flexible Bo ...

  4. PHP:产生不反复随机数的方法

    来源:http://www.ido321.com/1217.html 不管是Web应用,还是WAP或者移动应用,随机数都有其用武之地.在近期接触的几个小项目中.我也经常须要和随机数或者随机数组打交道, ...

  5. visual studio属性管理器

    位于 视图->其它窗口 项目配置属性,这个项目的属性别的项目也需要的时候可以把属性页复制到新项目. 以及配置单个项目的不同构建方案

  6. python的进程/线程/协程

    1.python的多线程 多线程就是在同一时刻执行多个不同的程序,然而python中的多线程并不能真正的实现并行,这是由于cpython解释器中的GIL(全局解释器锁)捣的鬼,这把锁保证了同一时刻只有 ...

  7. python之接口开发基础知识

    一.开发接口的作用 1.mock 服务:在别的接口没有开发完成的时候可以模拟一些接口以便测试已经开发完成的接口,例如假的支付接口,模拟支付成功.支付失败. 2.了解接口是如何实现的:数据交互.数据返回 ...

  8. MySql数据库学习笔记(1)

    MySql数据库 下载地址 https://dev.mysql.com/downloads/mysql/5.1.html#downloads 连接到本机上的MYSQL mysql -u root -p ...

  9. 【jquery隐藏、显示事件and提示callback】【淡入淡出fadeToggle】【滑入滑出slideToggle】【动画animate】【停止动画stop】

    1.jquery隐藏and显示事件 $("p").hide();      //隐藏事件$("p").hide(1000);  //1秒内缓慢隐藏$(" ...

  10. Javascript - Jquery - 动画

    动画(Dynamic) JQuery动画必须是在标准文档下使用 否则可能引起动画时抖动或其它不可预知的结果,标准文档格式:   <!DOCTYPE html PUBLIC "-//W3 ...