摘要:本篇教程介绍了HTML+CSS入门 openstack horizon CSS离线修改,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门。
本篇教程介绍了HTML+CSS入门 openstack horizon CSS离线修改,希望阅读本篇文章以后大家有所收获,帮助大家HTML+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中
h1.brand {
background: #355796 repeat-x top left;
border-bottom: 2px solid #BAD3E1;
}
h1.brand a {
background: url(../img/my_cloud_logo_small.png) top left no-repeat;
}
#splash .login {
background: #355796 url(../img/my_cloud_logo_medium.png) no-repeat center 35px;
}
#splash .login .modal-header {
border-top: 1px solid #BAD3E1;
}
.btn-primary {
background-image: none !important;
background-color: #355796 !important;
border: none !important;
box-shadow: none;
}
.btn-primary:hover,
.btn-primary:active {
border: none;
box-shadow: none;
background-color: #BAD3E1 !important;
text-decoration: none;
}
来自CODE的代码片
custom.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就可以了。
本文由职坐标整理发布,欢迎关注职坐标WEB前端HTML/CSS频道,获取更多HTML/CSS知识!
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了,明天再试试吧!
我们会在第一时间安排职业规划师联系您!
您也可以联系我们的职业规划师咨询:
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号