Dale un bonito fondo a la pantalla de identificación de Redmine

La pantalla de inicio de sesión de Redmine es un poco impersonal, ¿no te parece? Hay muchas maneras de personalizarla. Aquí aprenderemos a dar diferentes fondos a las páginas de login y registro.

Fondo de color

Añade el siguiente fragmento de código al final del fichero application.css de tu tema:

.action-login #wrapper, .action-register #wrapper, .action-lost_password #wrapper {
     background-color: #c3dbff !important;
}

Note: cambia “#c3dbff” por tu color deseado

Fondo con gradiente

.action-login #wrapper, .action-register #wrapper, .action-lost_password #wrapper {
    background: -webkit-linear-gradient(to left, #ff0099, #493240)!important; /* Chrome 10-25, Safari 5.1-6 /
    background: linear-gradient(to left, #ff0099, #493240)!important; / W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

Nota: en el fragmento de código cambia los colores del gradiente a tus colores deseados. Puedes encontrar gradientes muy efectistas en páginas como

Fondo con imagen local

.action-login #wrapper, .action-register #wrapper, .action-lost_password #wrapper {
     background-image: url("yourbackgroundimage.jpg") no-repeat;
}

Nota: tendrás que incluir la imagen en la carpeta de tu tema. Ten en cuenta que la ruta de la carpeta puede cambiar.

Fondo con imagen externa

.action-login #wrapper, .action-register #wrapper, .action-lost_password #wrapper {
     background-image: url("https://yourimageurl.com/imagename.jpg") no-repeat;
}

Nota: tendrás que cambiar la ruta de la imagen a la de la imagen que quieras utilizar.

También puedes crear estos retoques mediante el plugin View customize, como en el siguiente fragmento de código (copia/pega de los fragmentos de código mostrados más arriba):

Sobre el autor

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *