zabbix 4.0修改頁面LOGO

基本頁面展示

一.Logo

icon-sprite.svg是一個集合的圖片，logo和一級菜單欄里面的圖標是在這上面平移得到的

第一種方法

1、  zabbix安裝好以后的默認LOGO如下：

2、  修改方法：

Logo文件：

root@ubuntu:/usr/share/zabbix/assets/fonts# find / -name icon-sprite.svg
/usr/share/zabbix/assets/img/icon-sprite.svg
/usr/share/zabbix.bak/assets/img/icon-sprite.svg

root@ubuntu:/usr/share/zabbix/assets/img# cp /usr/share/zabbix/assets/img/icon-sprite.svg /usr/share/zabbix/assets/img/icon-sprite.svg.bak 
root@ubuntu:/usr/share/zabbix/assets/img# ls
apple-touch-icon-120x120-precomposed.png apple-touch-icon-180x180-precomposed.png browser-sprite.png icon-sprite.svg.bak touch-icon-192x192.png
apple-touch-icon-152x152-precomposed.png apple-touch-icon-76x76-precomposed.png icon-sprite.svg ms-tile-144x144.png
root@ubuntu:/usr/share/zabbix/assets/img# rm -f icon-sprite.svg
root@ubuntu:/usr/share/zabbix/assets/img# ls
apple-touch-icon-120x120-precomposed.png apple-touch-icon-180x180-precomposed.png browser-sprite.png ms-tile-144x144.png
apple-touch-icon-152x152-precomposed.png apple-touch-icon-76x76-precomposed.png icon-sprite.svg.bak touch-icon-192x192.png

說明：可縮放矢量圖形是基於可擴展標記語言（標准通用標記語言的子集），用於描述二維矢量圖形的一種圖形格式。它由萬維網聯盟制定，是一個開放標准。（百度百科）

用svg工具修改文件的zabbix

在線編輯工具：https://c.runoob.com/more/svgeditor/

更換大小一致的logo圖片，上面為登陸時logo，下面為登錄后頁面的logo。

3、  刷新網頁，查看效果

　　我是暫時把logo先去掉，都需要時再改圖標

 第二種方法

第一種方法不能滿足我們的需求，我自己通過f12總結的第二種方法

1.自己用inkscape工具修了一張圖，單獨放logo

2.修改相關的css文件

文件路徑：/usr/share/zabbix/assets/styles/blue-theme.css

修改的地方

 

 

//其他三個背景在相應的css文件中做如下更改即可
.top-nav {
  font-size: 1.167em;
  background-color: #fff;
  display: inline-block; 
 /*下面來兩行代碼是改logo位置*/
  position: absolute;
  left: 150px;
}

.logo {
   /*float: left;*/
  display: block;
  width: 150px;
  height: 60px;
  /*background: url(../img/icon-sprite.svg) no-repeat 0 -903px; }*/

  /*下面兩行代碼是改logo位置做的改動*/
  position: absolute;
  left:0px;
  top:0px;
  background: url(../img/icon-sprite.svg) no-repeat 0 -865px; }

 

二.頁腳修改

修改文件為：/usr/share/zabbix/include/classes/helpers/CBrandHelper.php

在大概110修改如下

//需要替換部分
            [
                $with_version ? 'Zabbix '.ZABBIX_VERSION.'. ' : null,
                '© '.ZABBIX_COPYRIGHT_FROM.'–'.ZABBIX_COPYRIGHT_TO.', ',
                (new CLink('Zabbix SIA', 'https://www.zabbix.com/'))
                    ->addClass(ZBX_STYLE_GREY)
                    ->addClass(ZBX_STYLE_LINK_ALT)
                    ->setAttribute('target', '_blank')
            ]

            [

// 替換為
                (new CLink('北京比特威爾科技有限公司', 'http://www.bitware.com.cn/'))
                    ->addClass(ZBX_STYLE_GREY)
                    ->addClass(ZBX_STYLE_LINK_ALT)
                    ->setAttribute('target', '_blank')
                    ->setAttribute('style','text-decoration:none;')
            ]

 

轉載於:

https://blog.51cto.com/6300167/2401187

https://blog.51cto.com/11555417/2327073?from=groupmessage