openstack horizon CSS 离线 修改

Openstack horizon 的CSS主要保存在几个目录中,分别是horizon/static/dashboard/scss;horizon/openstack_dashboard/static/dashboard/css;和horizon/openstack_dashboard/static/dashboard/scss。

Horzion会对这几个目录中的的css进行压缩存放,然后使用。所以如果直接修改这几个文件夹中的css文件或像官网上写的修改horzion的css方法(如下)修改后的css,离线展示页面会遇到问题。以下给出解决办法。

按照官网上写的修改openstack horizon的页面css方法如下:

自定义一个css文件,如custom.css,如下,并保存到openstack_dashboard/static/dashboard/css中

然后修改openstack_dashboard/templates/_stylesheets.html文件添加如下一句

<link href=‘{{STATIC_URL}} dashboard/css/custom.css‘ media=‘screen‘ rel=stylesheet‘/>

从启apache或运行manager.py后如果再其中的内容进行修改会报以下的错误

这正是由于horzion会对horizon/templates/horizon/_scripts.html;/openstack_dashboard/templates/_stylesheets.html和/horizon/templates/horizon/_conf.html三个文件做压缩存储的缘由,因此修改后本地访问会出现检测错误。

解决方法入下:

每次修改完成后执行命令一次 manage.py compress,让其重新压缩打包,然后重启apache就可以了。

时间: 2024-08-28 22:06:27

openstack horizon CSS 离线 修改的相关文章

自定义OpenStack Horizon(Mitaka)

一.写在前面 这篇文章主要介绍了OpenStack Horizon官方介绍自定义配置,从而进行简单的翻译学习,这里主要基于目前最新的Mitaka来说明,提高自己在horizon组件开发方面的理解.因为时间仓促以及个人理解有限,固有错误的地方请指出,后续将会不定期的完善,近期将专门写一篇博文详细介绍自定义开发主题模版,谢谢! 如果转载,请保留作者信息. 邮箱地址:[email protected] 二.主题(Themes) Openstack Kilo 版本以来,OpenStack Dashboa

OpenStack Horizon 参数设置说明

OpenStack Horizon 参数设置说明 一.写在前面 这篇文章主要介绍了OpenStack(Mitaka) Horizon官方介绍的部署配置.参数设置说明,从而进行简单的翻译学习,这里主要基于目前最新的Mitakaz版本来说明,帮助自己理解Mitaka Horizon中新增的一些参数功能,提高自己在horizon组件开发方面的理解.因为时间仓促以及个人理解有限,固有错误的地方请指出,后续将会不定期更新完善,谢谢! 如果转载,请保留作者信息. 邮箱地址:[email protected]

js访问外部的css 来修改样式

js访问外部的css 来修改样式,布布扣,bubuko.com

【云计算】OpenStack Horizon DashBoard定制化,完整实现前后台交互

项目代码见GitHub:https://github.com/junneyang/openstack-customization-example 参考资料: Install and configure Horizon:http://docs.openstack.org/mitaka/install-guide-rdo/horizon-install.html OpenStack 计算服务API文档:http://developer.openstack.org/api-ref-compute-v2

openstack horizon 学习(3) DataTable

上一篇中粗略的讲了下openstack中horizon的dashboard和panel的添加,本打算在这章中对有关于pluggable settings中的配置做详细的总结,然放弃了这念头.原因是搞懂这些配置对horizon的开发并无立竿见影的效果,而且想搞通这个配置所花费的精力是巨大的.这样的方式学习openstack horizon的效率是很低的,所以不要过度沉迷于那些搞不懂或陌生的配置.所以先来先把注意力放在一些horizon里我们所见即所得的东西. openstack horizon主要

怎样修改 Openstack Horizon(Dashboard)的显示界面 (二)

上一篇文章介绍了 Dashboard 的基本结构框架,那接下来的问题就是如何在这个框架中加入我们自己想要的内容了.在真正动手之前,让我们先来看看官方的页面是怎么做出来的.首先我们进入 /usr/share/openstack-dashboard/openstack_dashboard/dashboards/admin/networks 文件夹下面,可以看到有这几个文件和子文件夹: ../networks: - __init__.py - ports/ - subnets/ - templates

怎样修改 Openstack Horizon(Dashboard)的显示界面 (一)

Openstack 有很多项目,比如 nova 是虚拟机管理,neutron 是虚拟网络管理, glance 是存储管理,而 horizon 是负责 Openstack 的统一界面.horizon 的源代码和 neutron 的不太一样,分布在两个地方,一个是 /usr/lib/python2.7/dist-packages/horizon 下面,这里放的是一些最基本的.可以共享的类.表格和模板等.另一个是 /usr/share/openstack-dashboard 下面,这里放的是跟界面有直

Mirantis OpenStack Fuel8.0离线安装(MOS8.0本地源)

转载请注明:姬子的博客 目前mos已经更新到了8.0,集成了openstack的L版.搭载迄今为止最成熟的M版的9.0也是指日可待了. openstack愈趋成熟,我们愈是按耐不住内心的狂热.于是乎小伙伴们纷纷爆发了自己的小宇宙跳进MOS8.0的坑,被坑得"不亦乐乎". 确实,MOS8.0很难轻松的装成功.网络这块大山,一直压着我们寸步难行. 为了减少后来过路人的压力,我们做好了本地源,离线安装MOS8.0! 恩,下面就动手了. 前期准备 MOS8.0本地源下载:https://329

使用CSS代码修改博客模板

在修改设置使公告栏里的头像更新为新的头像时发现里边还有“页面定制CSS代码”这一选项,查了一下发现这东西可以对页面做一些个性化的调整.正好目前我使用的这个模板标题和导航栏的字体实在难看,顺手修改了一下. 因为我之前是对CSS这方面完全不了解,所以只能连蒙带猜.首先,这CSS代码估计就是设置一下某些参数的值,应该跟.ini之类的文件形式比较类似.看了一下别人写的一些简单的代码,大概了解了一下格式,跟预想的差不多.接下来是要找到模板本身自己的CSS代码,不然我怎么知道要修改谁呢?一开始我是直接从浏览