danniel-lara
(usa Fedora)
Enviado em 02/07/2024 - 10:28h
Passo 1: Preparar o Logo
Certifique-se de que o logo da sua empresa está em um formato de imagem adequado, como PNG, JPEG ou SVG.
Redimensione a imagem para um tamanho apropriado. Normalmente, um tamanho de 200x50 pixels funciona bem para um logo de cabeçalho.
Passo 2: Acessar o Servidor GLPI
Faça login no servidor onde o GLPI está instalado. Isso pode ser feito via SSH, FTP, ou diretamente se você tiver acesso físico ao servidor.
Passo 3: Substituir o Logo
Navegue até o diretório de instalação do GLPI. Normalmente, esse diretório é algo como /var/www/glpi ou /opt/glpi.
Dentro do diretório de instalação do GLPI, encontre o diretório pics em glpi/pics.
Localize os arquivos logo.png ou logo.svg. Esses são os arquivos de logo padrão do GLPI.
Faça um backup desses arquivos originais, renomeando-os ou movendo-os para outro local.
Faça o upload do logo da sua empresa para este diretório, com o nome logo.png ou logo.svg, substituindo o logo original.
Passo 4: Atualizar o Cache
Após substituir o logo, pode ser necessário limpar o cache do navegador e do GLPI para ver as alterações.
No GLPI, vá para Configurar > Geral > Limpar Cache.
Passo 5: Verificar e Ajustar
Acesse a interface web do GLPI e verifique se o logo da sua empresa está aparecendo corretamente.
Se necessário, ajuste o tamanho ou a posição do logo editando os arquivos CSS. Os arquivos CSS podem ser encontrados em glpi/css.
Customização Avançada
Se quiser fazer customizações adicionais no GLPI, como alterar cores ou fontes, edite os arquivos CSS em glpi/css.
Exemplo de alteração no CSS:
Abra o arquivo glpi/css/styles.css ou glpi/css/default.css.
Adicione ou edite as regras CSS para personalizar o visual.
/* Exemplo de alteração do cabeçalho */
#header {
background-color: #004080; /* Cor de fundo personalizada */
height: 60px; /* Altura personalizada */
}
/* Exemplo de alteração do logo */
#logo {
width: 200px; /* Largura personalizada */
height: auto;
background-image: url('pics/logo.png'); /* Caminho para o logo personalizado */
}