Statistiques

Compteur d'affichages des articles
1040113

Page de Login Glpi

1 - Page de login

La page de login par défaut est celle-ci :

 Page de login par défaut

 

Cela correspond à l'image /glpi/pics/login_glpi.png.

Image seule

 

Je vous laisse modifier cette image de 600 * 226 Pixels.

 Je ne suis pas un as du graphisme, mais en travaillant raisonnablement, j'ai réussi à sortir cela :

Nouvelle image

 

Il reste quelque retouches à faire.

La couleur du texte doit être changée en blanc, cela se passe dans le fichier : /glpi/css/style.css lignes 1046 à 1057 :

#contenulogin {
   height: 266px;
   width: 600px;
   margin-top:100px;
   margin-left: auto;
   margin-right: auto;
   background:url("../pics/login_glpi.png")  no-repeat;
   font-family : Verdana,Arial,Helvetica,sans-serif;
   font-size : 12px;
   color :#659900;
   font-weight: bold;
}

devient

#contenulogin {
   height: 266px;
   width: 600px;
   margin-top:100px;
   margin-left: auto;
   margin-right: auto;
   background:url("../pics/login_glpi.png")  no-repeat;
   font-family : Verdana,Arial,Helvetica,sans-serif;
   font-size : 12px;
   color :#ffffff;
   font-weight: bold;
}

Dans le même fichier les lignes 1113 à 1129 :

#boxlogin fieldset {
   background-color: transparent;
   border: 2px solid #FFC65D;
   padding-bottom:22px;
}

#boxlogin legend {
   font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
   font-size: 15px;
   font-weight: 700;
   background-color: transparent;
   color :#659900;
}

#boxlogin input {
   border: 1px solid #659900;
}

deviennent

#boxlogin fieldset {
   background-color: transparent;
   border: 2px solid #ffffff;
   padding-bottom:22px;
}

#boxlogin legend {
   font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
   font-size: 15px;
   font-weight: 700;
   background-color: transparent;
   color :#ffffff;
}

#boxlogin input {
   border: 1px solid #ffffff;
}

L'ensemble des couleurs est plus harmonieux.

Il reste à changer le bouton Valider.

Pour ce bouton, on utilise les images /glpi/pics/fond_form.png et /glpi/pics/fond_form_on.png qui sont un dégradé de orange vers blanc et un orange pour le deuxième. Nous changeons les images par un dégradé vert vers blanc et un fond blanc pour le deuxième.

Au final, cela donne ceci : 

Nouvelle version page de login

 

Ainsi que :

Bouton Valider survollé