ubuntu16.04 openstack newton dashboard 页面修改教程

1. 修改title图标

image.png
  • 图标
/usr/share/openstack-dashboard/openstack_dashboard/static/dashboard/img/favicon.ico
  • 使用这个图标的 html
/usr/share/openstack-dashboard/openstack_dashboard/templates/500.html
/usr/share/openstack-dashboard/openstack_dashboard/templates/_stylesheets.html
  1. 修改blance
    image.png
  • 图标
/usr/share/openstack-dashboard/openstack_dashboard/static/themes/ubuntu/img/logo-ubuntu-white.svg
  • scss位置
/usr/share/openstack-dashboard/openstack_dashboard/themes/ubuntu/_styles.scss
/usr/share/openstack-dashboard/openstack_dashboard/static/themes/ubuntu/_styles.scss
/usr/share/openstack-dashboard/openstack_dashboard/static/dashboard/css/7d3c7ce506ee.css

注:因为不知道django中 scss怎么编译成 css 所以 要改 .css

  1. blance 背景
  • scss文件位置
/usr/share/openstack-dashboard/openstack_dashboard/static/dashboard/css/7d3c7ce506ee.css
  • 文件中需要修改的位置
.topbar, .topbar .switcher_bar .btn.btn-topnav, .navbar-default {
              background: red; }
  1. 改登录界面的图标
  • 图标
/usr/share/openstack-dashboard/openstack_dashboard/static/themes/ubuntu/img/logo-ubuntu-orange.svg
  • scss位置
/usr/share/openstack-dashboard/openstack_dashboard/themes/ubuntu/_styles.scss
/usr/share/openstack-dashboard/openstack_dashboard/static/themes/ubuntu/_styles.scss
/usr/share/openstack-dashboard/openstack_dashboard/static/dashboard/css/7d3c7ce506ee.css
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 11,243评论 0 21
  • (一)、启动服务器 (二)、创建数据库表 或 更改数据库表或字段 Django 1.7.1及以上 用以下命令 1....
    夏天夏星阅读 5,731评论 0 17
  • 爱情迷失了 海鸟纷纷扬扬 衔走斑驳的缠绵 在寂寞的沙滩 似乎一切都淡了 只剩着沉默的海岸 背负了所有残缺与圆满
    薄饼先生阅读 202评论 0 0
  • 涵茹阅读 180评论 0 0
  • 学者杨小彦为画册《海岸》作序 影纹的尊严是黑白的 ----我看姜振庆的摄影 很多年前去大连,在朋友介绍下认识摄影家...
    techiecool阅读 249评论 0 0