Forum GLPI-Project

abrakadayann

Member

Registered: 2022-08-04

Posts: 1

Modification de la page accueil

Bonjour,

Je suis sur la version glpi 10.0.0 et j'aimerai modifier la page d'accueil et plus précisément le logo de la page d'authentification par le celui de mon entreprise.

Je pensais donc a enregistrer l'image de mon entreprise dans le de dossier glpi/pics et ensuite de modifier index.php de la page authentification sauf que je ne le trouve pas et je ne sais pas quelle ligne je dois modifier et avec quoi .

Cordialement

michelr44

Member

Registered: 2021-02-18

Posts: 73

Re: Modification de la page accueil

Bonjour,
ce que j'ai fait sur une 9.5, donc à tester sur une 10.0
J'ai enregistré mon logo dans le dossier glpi/pics, et je l'ai renommé en login_logo_glpi.png (en sauvegardant l'image d'origine).
Comme cela pas besoin de modifier le fichier index.php

Il y a aussi la possibilité de faire apparaître son logo en haut à gauche de chaque page, en l'enregistrant dans le même répertoire sous le nom fd_logo.png

Bien penser à mettre les logos aux mêmes dimensions que les logos d'origine, pour éviter les déformations.
Pour ma part, j'ai aussi un logo couleurs et un logo NB.

---

GLPI V 10.0.15 - Serveur Debian 10 - PHP 8.3.6 - MariaDB 10.3.39
Plugins : formcreator 2.13.9

LaDenrée

HELPER

Registered: 2012-11-19

Posts: 6,370

Re: Modification de la page accueil

vous pouvez aussi intégrer votre logo dans le texte d'accueil : configuration>générale> onglet configuration générale>Texte sur la page de connexion (balises HTML supportées)>

et ajouter un truc du style :

<table>
     <tr>
          <td>
               <img src="./pics/monlogo.png" alt="mon beau logo " style="width:100px;height:228px;">
          </td>
          <td>
               <h1  style='color:#FFAD33'>Bienvenue sur mon portail .</h1>
          </td>
     </tr>
</table>

vous pouvez meeme ajouter des liens vers votre intranet, page d'accueil du site principal,....

l'avantage c'est que tout est en base de données et donc vous ne perdez rien lors des migrations ( si vous enregistrez le logo dans un endroit accessible)

---

Trouver la panne avant de réparer...
GLPI10.0.16 (ubuntu 22.04 PHP8.1  Mariadb10.6 ) plugins : comportements 2.7.3 reports 1.16.0 formcreator 2.13.9, datainjection 2.13.5 fields 1.21.9

barbichel

Member

Registered: 2024-02-27

Posts: 15

Re: Modification de la page accueil

Bonjour,

Je me permets de déterrer ce topic car depuis la version GLPI 10.0.16, il n'est plus possible de mettre de balise image dans le texte d'accueil (configuration>générale> onglet configuration générale>Texte sur la page de connexion).

J'ai créé un nouveau topic pour ce changement, mais je n'ai pas eu de réponse.

Je voulais savoir si vous connaissiez une solution de contournement.

Désolé de relancer une discussion qui date.
Merci

bfde974

Member

Registered: 2024-11-14

Posts: 14

Re: Modification de la page accueil

J'utilise ce code avec la version 10.0.17, configuration entité, personnalisation de l'interface :

Activer la personnalisation CSS : OUI

body.welcome-anonymous .card-body { background-color:#cfdcea}
body.welcome-anonymous .glpi-logo {
    --logo: url("https://mon_serveur/pics/logos/mon_logo.png");
      content: var(--logo);
    height: 155px;
      width: 220px;
}

.page .glpi-logo {
  background: url("https://mon_serveur/pics/logos/mon_logo.png") no-repeat;
  background-size: 85px 55px;
  -webkit-filter: invert(1);
   filter: brightness(0) invert(1);
}

Last edited by bfde974 (2024-11-21 17:32:20)

barbichel

Member

Registered: 2024-02-27

Posts: 15

Re: Modification de la page accueil

Bonjour,

Merci beaucoup pour votre réponse. Je ne parlais pas du logo, mais l'encart à droite du champ de connexion.

Avant de voir votre réponse j'ai trouvé la page et j'ai rajouté l'image directement dans le fichier glpi/templates/pages.login.html.twing au niveau de la div class="rich_text_container" :

<div class="rich_text_container">
    {{ text_login | safe_html }}
    <p><img src="pics/image.png" width="400" height="400" alt="image" /></p>
</div>

Mais après votre retour, je me suis basé sur votre réponse en l'adaptant et voila ce que ça donne :

body.welcome-anonymous .glpi-logo { 
	content: url("https://mon_serveur/pics/logos/mon_logo.png");
    height: 40%;
	width: 40%;
}
.page .glpi-logo {
	background: url("https://mon_serveur/pics/logos/mon_logo_petit.png") no-repeat;
  	background-size: 100% 100%;
}
body.welcome-anonymous div.rich_text_container:after {
      background-image: url("https://mon_serveur/pics/logos/image.png");
  	  background-size: 350px 350px;
  	  display: inline-block;
  	  height: 350px;
      width: 350px;
      content:"";

}

Encore merci pour cette piste là.

Cordialement,

Last edited by barbichel (2024-11-22 18:56:13)