Nesse post demostrarei como realizar o processo de troca dos logos no zabbix 3.0 instalado no Ubuntu 14.04, deixando-o mais personalizado e com a cara da sua organização.

Nas versões anteriores do zabbix, o processo de troca de logo era possível apenas alterando dois arquivos que ficavam dentro de /usr/share/zabbix/images/general. Um nomeado zabbix.png, representando o logo do dashboard e outro com nome de logo.png que é a imagem que fica no painel de login do zabbix.

Devido a grande mudança de layout na versão 3.0, foi alterado as formas que os ícones do Dashboard são exibidos, agora todos os ícones ficam em um arquivo chamado icon-sprite.svg, não utilizando mais os arquivos zabbix.png e logo.png, logo não é mais possível alterar somente os arquivos.

Para realizar a troca da imagem agora, precisaremos primeiro enviar a nova imagem customizada para o servidor do zabbix. Utilizaremos o WinSCP para isto. No meu caso deixei o arquivo dentro da pasta tmp, por gosto próprio.

Via Terminal iremos agora mover para pasta onde se encontra as imagens do zabbix. Antes faremos backup do icon-scrite.svg.

Feito isso, iremos agora copiar a imagens modificadas para esse diretório.

No meu exemplo deixei a logo que criei dentro do diretório tmp.

Agora precisaremos alterar uma linha dentro dos arquivos blue-theme.css e dark-treme.css, localizados em /usr/share/zabbix/styles, para informar qual será o nome do arquivo com a nova logo.

Linha contendo “zabbix_logo” é responsável pelo logo dentro da dashboard do zabbix, já “signin-logo” é o logo que fica na pagina de login.

No Zabbix 2.2, 2.4 o arquivo ficava em styles/icon.css

Agora no Zabbix 3.0 o arquivos fica em styles/blue-theme.css e styles/dark-theme.css, por ser dois temas diferentes.

Precisaremos alterar essa linha abaixo nesses dois arquivos, para que a mudança seja aplicadas em ambos temas.

Altere as linhas

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

Depois repita esse passo em dark-theme:

Agora procure pela linha abaixo e alterando-a também nos dois arquivos:

Feito isso reinicie o serviço do apache.

Pronto, basta acessar o frondend do zabbix.

Originally published at https://www.bernardolankheet.com.br on March 10, 2016.

Monitoring, DevOps Student and content creation!

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store