GLPI/Personnalisation de l'interface, version 10.0.x - Historique des versions

Fylip22 : /* Personnalisation des logos de l'interface principale */

2025-02-19T11:27:38Z

Personnalisation des logos de l'interface principale

← Version précédente		Version du 19 février 2025 à 12:27
Ligne 23 :		Ligne 23 :
	Une amélioration possible, pour pouvoir gérer les mises à jour de GLPI sans faire référence aux dossiers spécifiques au coeur de GLPI :		Une amélioration possible, pour pouvoir gérer les mises à jour de GLPI sans faire référence aux dossiers spécifiques au coeur de GLPI :
	* avoir un dépôt des images sur le serveur web, mais accessible par l'application GLPI ;		* avoir un dépôt des images sur le serveur web, mais accessible par l'application GLPI ;
	* pour un usage de GLPI en tant que moteur principal d'application (GSI, GMC, Gima...), utiliser le nouveau dossier <code>~~logos~~</code> du dossier <code>...\plugins\</code>		* pour un usage de GLPI en tant que moteur principal d'application (GSI, GMC, Gima...), utiliser le nouveau dossier <code>config</code> du dossier <code>...\plugins\</code>
	** <code>...\www\Gima\plugins\~~logos~~\</code>		** <code>...\www\Gima\plugins\config\</code>
	** <code>...\www\GMC\plugins\~~logos~~\</code>		** <code>...\www\GMC\plugins\config\</code>
	** <code>...\www\GSI\plugins\~~logos~~\</code>		** <code>...\www\GSI\plugins\config\</code>
	** <code>...\www\GLPI\plugins\~~logos~~\</code>		** <code>...\www\GLPI\plugins\config\</code>

	<source>		<source>
			/*
			Nom : CSSGLP010
			Description : personnalisation de l'interface de GLPI
			Usage : utilisation de code CSS pour personnalier l'interface de GLPI
			Particularité : le dossier ...\www\glpi18\plugins\config\ doit existr, avec les fichiers image souhaités
			Auteur : Ph. Page
			Version : 1.0
			Révisions :
			- 1.0 (12/02/2025) : Ph. Page, création du script
			*/

	/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */		/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
	/* Logo, personnalisation */		/* Logo, personnalisation */
Ligne 35 :		Ligne 46 :

	/* logo, coin haut à gauche, menu développé (logo principal) : 100 x 55 pixels ; */		/* logo, coin haut à gauche, menu développé (logo principal) : 100 x 55 pixels ; */
	/.page .glpi-logo { background: url("../plugins/~~logos~~/logo-GLPI-100-white.png") no-repeat !important; height: 55px; width: 100px; }/		/.page .glpi-logo { background: url("../plugins/config/logo-GLPI-100-white.png") no-repeat !important; height: 55px; width: 100px; }/
	.page .glpi-logo { background: url("../plugins/~~logos~~/logo-GLPI-100-~~grey~~.png") no-repeat !important; height: 55px; width: 100px; }		.page .glpi-logo { background: url("../plugins/config/logo-GLPI-100-white.png") no-repeat !important; height: 55px; width: 100px; }

	/* logo, coin haut à gauche, menu compact : 40 x 40 pixels */		/* logo, coin haut à gauche, menu compact : 40 x 40 pixels */
	body.navbar-collapsed .navbar-brand .glpi-logo { background: url("../plugins/~~logos~~/logo-G-100-~~grey~~.png") no-repeat !important; background-size: contain; width: 50px !important; height: 50px !important; }		body.navbar-collapsed .navbar-brand .glpi-logo { background: url("../plugins/config/logo-G-100-white.png") no-repeat !important; background-size: contain; width: 50px !important; height: 50px !important; }

	/* logo, favicon : 16 x 16 or 32 x 32 pixels		/* logo, favicon : 16 x 16 or 32 x 32 pixels
Ligne 50 :		Ligne 61 :

	/* logo, tableau de bord en plein écran ; valeur par défaut : logo-GLPI-100-black.png ; logo-GLPI-100-grey*/		/* logo, tableau de bord en plein écran ; valeur par défaut : logo-GLPI-100-black.png ; logo-GLPI-100-grey*/
	.dashboard.fullscreen .glpi_logo, .dashboard.embed .glpi_logo { background: url("../plugins/~~logos~~/logo-GLPI-100-~~grey~~.png") no-repeat; }		.dashboard.fullscreen .glpi_logo, .dashboard.embed .glpi_logo { background: url("../plugins/config/logo-GLPI-100-black.png") no-repeat; }
	</source>		</source>

Fylip22 : /* Personnalisation des logos de l'interface principale */

2025-02-17T20:25:31Z

Personnalisation des logos de l'interface principale

← Version précédente		Version du 17 février 2025 à 21:25
Ligne 21 :		Ligne 21 :
	Personnaliser l'entité racine pour que les logos GLPI soient changés.		Personnaliser l'entité racine pour que les logos GLPI soient changés.

	Une amélioration possible, pour pouvoir gérer les mises à jour de GLPI sans faire référence aux dossiers de GLPI :		Une amélioration possible, pour pouvoir gérer les mises à jour de GLPI sans faire référence aux dossiers spécifiques au coeur de GLPI :
	* avoir un dépôt des images sur le serveur web, mais accessible par l'application GLPI ;		* avoir un dépôt des images sur le serveur web, mais accessible par l'application GLPI ;
	* pour un usage de GLPI en tant que moteur principal d'application (GSI, GMC, Gima...)		* pour un usage de GLPI en tant que moteur principal d'application (GSI, GMC, Gima...), utiliser le nouveau dossier <code>logos</code> du dossier <code>...\plugins\</code>
	** <code>...\www\Gima\~~...~~</code>		** <code>...\www\Gima\plugins\logos\</code>
	** <code>...\www\GMC\~~...~~</code>		** <code>...\www\GMC\plugins\logos\</code>
	** <code>...\www\GSI\~~...~~</code>		** <code>...\www\GSI\plugins\logos\</code>
	** <code>...\www\GLPI\~~logo~~\</code>		** <code>...\www\GLPI\plugins\logos\</code>

	<source>		<source>
Ligne 35 :		Ligne 35 :

	/* logo, coin haut à gauche, menu développé (logo principal) : 100 x 55 pixels ; */		/* logo, coin haut à gauche, menu développé (logo principal) : 100 x 55 pixels ; */
	/.page .glpi-logo { background: url("../~~pics~~/logos/logo-GLPI-100-white.png") no-repeat !important; height: 55px; width: 100px; }/		/.page .glpi-logo { background: url("../plugins/logos/logo-GLPI-100-white.png") no-repeat !important; height: 55px; width: 100px; }/
	.page .glpi-logo { background: url("../~~pics~~/logos/logo-GLPI-100-grey.png") no-repeat !important; height: 55px; width: 100px; }		.page .glpi-logo { background: url("../plugins/logos/logo-GLPI-100-grey.png") no-repeat !important; height: 55px; width: 100px; }

	/* logo, coin haut à gauche, menu compact : 40 x 40 pixels */		/* logo, coin haut à gauche, menu compact : 40 x 40 pixels */
	body.navbar-collapsed .navbar-brand .glpi-logo { background: url("../~~pics~~/logos/logo-G-100-grey.png") no-repeat !important; background-size: contain; width: 50px !important; height: 50px !important; }		body.navbar-collapsed .navbar-brand .glpi-logo { background: url("../plugins/logos/logo-G-100-grey.png") no-repeat !important; background-size: contain; width: 50px !important; height: 50px !important; }

	/* logo, favicon : 16 x 16 or 32 x 32 pixels		/* logo, favicon : 16 x 16 or 32 x 32 pixels
	<link rel="shortcut icon" type="images/x-icon" href="/glpi10/~~pics~~/favicon.ico">		<link rel="shortcut icon" type="images/x-icon" href="/glpi10/plugins/favicon.ico">
	*/		*/

Ligne 50 :		Ligne 50 :

	/* logo, tableau de bord en plein écran ; valeur par défaut : logo-GLPI-100-black.png ; logo-GLPI-100-grey*/		/* logo, tableau de bord en plein écran ; valeur par défaut : logo-GLPI-100-black.png ; logo-GLPI-100-grey*/
	.dashboard.fullscreen .glpi_logo, .dashboard.embed .glpi_logo { background: url("../~~pics~~/logos/logo-GLPI-100-grey.png") no-repeat; }		.dashboard.fullscreen .glpi_logo, .dashboard.embed .glpi_logo { background: url("../plugins/logos/logo-GLPI-100-grey.png") no-repeat; }
	</source>		</source>

Fylip22 : /* Personnalisation des logos de l'interface principale */

2025-02-17T18:17:13Z

Personnalisation des logos de l'interface principale

← Version précédente		Version du 17 février 2025 à 19:17
Ligne 20 :		Ligne 20 :
	== Personnalisation des logos de l'interface principale ==		== Personnalisation des logos de l'interface principale ==
	Personnaliser l'entité racine pour que les logos GLPI soient changés.		Personnaliser l'entité racine pour que les logos GLPI soient changés.

			Une amélioration possible, pour pouvoir gérer les mises à jour de GLPI sans faire référence aux dossiers de GLPI :
			* avoir un dépôt des images sur le serveur web, mais accessible par l'application GLPI ;
			* pour un usage de GLPI en tant que moteur principal d'application (GSI, GMC, Gima...)
			** <code>...\www\Gima\...</code>
			** <code>...\www\GMC\...</code>
			** <code>...\www\GSI\...</code>
			** <code>...\www\GLPI\logo\</code>

	<source>		<source>
	/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */		/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

Fylip22 : /* Personnalisation de la taille des listes */

2025-02-17T18:12:45Z

Personnalisation de la taille des listes

@@ Ligne 17 : / Ligne 17 : @@
 * logo, page de connexion : 220 x 130 pixels ;
 * logo, arrière-plan de page : dépend de la taille habituel des écrans utilisés.
 == Personnalisation de la taille des listes ==

Fylip22 le 17 février 2025 à 16:54

2025-02-17T16:54:49Z

← Version précédente		Version du 17 février 2025 à 17:54
Ligne 2 :		Ligne 2 :

	Il est possible de personnaliser l'interface de GLPI en passant par le paramétrage des entités. La personnalisation se fait par du CSS.		Il est possible de personnaliser l'interface de GLPI en passant par le paramétrage des entités. La personnalisation se fait par du CSS.

			== Extension ==
			Une extension existe pour personnaliser notamment les logos ; nécessite GLPI-Network :
			* https://plugins.glpi-project.org/#/plugin/branding
			* https://services.glpi-network.com/documentation/1565/file/README.md

			Documentation :
			* https://glpi-plugins.readthedocs.io/fr/latest/branding/index.html

			En résumé :
			* logo, coin haut à gauche : 100 x 55 pixels ;
			* logo, coin haut à gauche, menu compacte : 40 x 40 pixels ;
			* logo, favicon : 16 x 16 or 32 x 32 pixels ;
			* logo, page de connexion : 220 x 130 pixels ;
			* logo, arrière-plan de page : dépend de la taille habituel des écrans utilisés.

	== Personnalisation de la taille des listes ==		== Personnalisation de la taille des listes ==

Fylip22 : /* Personnalisation de la taille des listes */

2024-02-27T20:37:05Z

Personnalisation de la taille des listes

@@ Ligne 9 : / Ligne 9 : @@
     /* valeur d'origine : font-size: 100%; */
     font-size: 90%;
+}
 </source>

Fylip22 : Page créée avec « {{Sommaire}} Il est possible de personnaliser l'interface de GLPI en passant par le paramétrage des entités. La personnalisation se fait par du CSS. == Personnalisation de la taille des listes == /* Pour réduire la taille des caractères des tableaux (liste des éléments d'inventaire) / main { / valeur d'origine : font-size: 100%; / font-size: 90%; } == Voir aussi == Catégorie:GLPI »

2024-02-27T20:35:53Z

Page créée avec « {{Sommaire}} Il est possible de personnaliser l'interface de GLPI en passant par le paramétrage des entités. La personnalisation se fait par du CSS. == Personnalisation de la taille des listes == <source> Pour réduire la taille des caractères des tableaux (liste des éléments d'inventaire) : main { valeur d'origine : font-size: 100%; : font-size: 90%; } </source> == Voir aussi == * Catégorie:GLPI »

Nouvelle page

{{Sommaire}}

Il est possible de personnaliser l'interface de GLPI en passant par le paramétrage des entités. La personnalisation se fait par du CSS.

== Personnalisation de la taille des listes ==
<source>
/* Pour réduire la taille des caractères des tableaux (liste des éléments d'inventaire) */
main {
/* valeur d'origine : font-size: 100%; */
font-size: 90%;
}
</source>

== Voir aussi ==
*  

[[Catégorie:GLPI]]

GLPI/Personnalisation de l'interface, version 10.0.x - Historique des versions

Fylip22 : /* Personnalisation des logos de l'interface principale */

Fylip22 : /* Personnalisation des logos de l'interface principale */

Fylip22 : /* Personnalisation des logos de l'interface principale */

Fylip22 : /* Personnalisation de la taille des listes */

Fylip22 le 17 février 2025 à 16:54

Fylip22 : /* Personnalisation de la taille des listes */

Fylip22 : /* Personnalisation des logos de l'interface principale */

Fylip22 : /* Personnalisation des logos de l'interface principale */

Fylip22 : /* Personnalisation des logos de l'interface principale */

Fylip22 : /* Personnalisation de la taille des listes */

Fylip22 : /* Personnalisation de la taille des listes */