Change Zabbix Logo

简介:

refer to:

http://www.bernardolankheet.com.br/alterando-logo-zabbix-3-0/

https://www.zabbix.com/forum/showthread.php?t=52524



2.2, 2.4 : styles/icon.css

Code:

.zabbix_logo {

        height: 31px;

        width: 118px;

        background: #FFFFFF url('../images/general/zabbix.png') no-repeat;

        cursor: pointer;

}

3.0 : styles/blue-theme.css, styles/dark-theme.css

Code:

.logo {

  float: left;

  display: block;

  width: 95px;

  height: 25px;

  margin: 12px 9px 0 13px;

  background: url(../img/icon-sprite.svg) no-repeat 0 -903px; }


correct, just replace line


background: url(../img/icon-sprite.svg) no-repeat 0 -903px; }


with


background: url(../img/YOURLOGO.PNG) no-repeat 0px 0px; }

.signin-logo {

  …

  background: url(../img/zabbixcustom.png) no-repeat 0 -0px; }

service apached restart


summary:

  1. 3.0 版本和 2.X版本是不一样地方的

  2. 3.0版本的话 要找到 styles/blue-theme.cssstyles/dark-theme.css 两个配置文件(/var/www/html/zabbix/.. 或者是 /usr/share/zabbix/)

  • 修改配置文件的两个地方:

    .signin-logo部分 - 控制登录页面的logo

    .logo 部分 - 控制登录后左上角的logo

    记得图片一定要保存为:

    width: 95px;

    height: 25px;

    可以用下面的网站:

    http://www.tuyitu.com/photoeditor/ 


本文转自 zhangfang526 51CTO博客,原文链接:http://blog.51cto.com/zhangfang526/1929233

相关文章
|
8月前
unable to install xxx snap has install-snap change in progress
unable to install xxx snap has install-snap change in progress
|
监控 PHP
zabbix agent item
zabbix 安装文档
976 0