Configuração Customizavel

waltermudesto
(usa Ubuntu)

Enviado em 01/07/2024 - 14:56h

Boa tarde,

Acabei de instalar o servidor GLPI 10.0.6 no Linux Ubuntu 22.04 com Apache2 , quero usar na minha empresa, e customizar de acordo com meus background,

Existe algum plugin ou alguma outra forma de como fazer?

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 */

}