Changer la couleur de l’interface professionnelle

Jan 20, 2021 | Administration

Vous êtes ici :
< Retour

Il peut parfois être intéressant d’avoir une couleur différente pour l’interface professionnelle, soit pour distinguer l’installation de production de l’installation de test, ou encore pour distinguer entre les succursales.

Couleur unie

Page principale de l'interface professionnelle avec un fond de couleur différente (couleur unie)
  1. Aller dans Administration > Préférences système
  2. Chercher pour IntranetUserCSS
  3. Cliquer sur « Cliquer pour modifier »
  4. Copier le code suivant dans la boîte
/*Changer la couleur de fond de l'interface professionnelle*/
body {
background: #E7FAF9;
}
Note

Vous pouvez changer le code de couleur (dans l’exemple #E7FAF9) pour un autre code HTML. Vous pouvez choisir une couleur sur le site https://www.w3schools.com/colors/colors_picker.asp

  1. Cliquer sur « Sauvegarder toutes les préférences interface professionnelle »

Dégradé de couleurs

Page principale de l'interface professionnelle avec un fond de couleur différente (dégradé de couleurs)
  1. Aller dans Administration > Préférences système
  2. Chercher pour IntranetUserCSS
  3. Cliquer sur « Cliquer pour modifier »
  4. Copier le code suivant dans la boîte
/*Changer la couleur de fond de l'interface professionnelle*/
 body {
 background: linear-gradient(to bottom,#E7FAF9 65%,#6BF3EB 100%);
 }
Note

Vous pouvez changer le code de couleur (dans l’exemple #E7FAF9) pour un autre code HTML. Vous pouvez choisir une couleur sur le site https://www.w3schools.com/colors/colors_picker.asp

  1. Cliquer sur « Sauvegarder toutes les préférences interface professionnelle »

Image

Page principale de l'interface professionnelle avec une image comme fond
  1. Téléverser l’image sur le serveur
  2. Aller dans Administration > Préférences système
  3. Chercher pour IntranetUserCSS
  4. Cliquer sur « Cliquer pour modifier »
  5. Copier le code suivant dans la boîte
/*Mettre une image de fond à l'interface professionnelle*/
body {
 background-image: url("url de l'image");
 }

Par exemple

/*Mettre une image de fond à l'interface professionnelle*/
body {
 background-image: url("http://v20.inlibro.net/cgi-bin/koha/opac-retrieve-file.pl?id=f574fd7c4da6f4447267a3d7bc0bb271");
 }
  1. Cliquer sur « Sauvegarder toutes les préférences interface professionnelle »

Couleur différente pour une succursale

  1. Aller dans Administration > Préférences système
  2. Chercher pour IntranetUserJS
  3. Cliquer sur « Cliquer pour modifier »
  4. Copier le code suivant dans la boîte
$(document).ready(function() {
   if ($("#logged-in-info-full .logged-in-branch-code").text() == "CODE"){
       $("#logged-in-info-full .logged-in-branch-code").parents("body").css("background-color", "#ffccff");
   }
 });

Où CODE est le code de la bibliothèque.

Note

Vous pouvez changer le code de couleur (dans l’exemple #ffccff) pour un autre code HTML. Vous pouvez choisir une couleur sur le site https://www.w3schools.com/colors/colors_picker.asp

  1. Cliquer sur « Sauvegarder toutes les préférences interface professionnelle »
Note

Il est possible de combiner les options de couleurs ci-dessus avec l’option d’une couleur différente pour une succursale en particulier.

Voir aussi

Ressources de la communauté Koha

Ressources externes

Tags:
Table des matières