:: Alfresco. Modificar la página de login

En el siguiente "Tip" describiré los pasos a seguir para personalizar la página de login (adaptación gráfica sin grandes cambios), para lo que debemos seguir los siguientes pasos:


1.- Necesitamos mostrar una imagen de fondo.
En el tema que hemos creado, buscaremos en el fichero "presentation.css" los estilos correspondientes al login.

body.alfresco-guest
{
   background: none;
 }

Modificamos estos estilos según nuestras necesidades, por ejemplo:

body.alfresco-guest
{
   background: transparent url('./images/alfresco-logo-bg.jpg') no-repeat;
   background-position: center center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
 }

La imagen de fondo, a la que la hemos llamado "alfresco-logo-bg.jpg" debemos copiarla en la  carpeta "images" de nuestro tema.

2.- Cambiaremos el logo de la organización.
Para ello copiaremos el logo, al que hemos llamado: "logo.png" en la carpeta "images" de nuestro tema.

3.- Otras imágenes que deberemos modificar son las siguientes:

• app-logo.png
• app-logo-48.png
• app-logo-share.png

Algunos de los pasos anteriores ya habían sido descritos en otro post donde indicábamos cómo crear un nuevo tema.