Cambio de Apariencia de alfresco
2.1 Cambiar la barra de menús de Alfresco
Cambiar la imagen “navigation-bg.png” de la siguiente ruta:
C:\Alfresco\tomcat\webapps\share\themes\default\images
2.2 Cambiar la apariencia de los Botones de la Barra de Menús.
Para cambiar los botones de el alfresco modificar la siguiente imagen
title-button-bg.png
2.3 Cambio de color en el Banner
Para realizar el Cambio de color en la línea del Banner localizar en el archivo presentation.css el color existente en la pantalla en este caso fue el siguiente: Linea 213 aproximadamente
.dashlet.welcome-bodya:hover
{
color: #265E86
}
Y realizar el cambio por el color deseado en todas las líneas donde se encuentre ese color.
2.4 Cambia el color de las letras cuando se pasa el mouse por encima.
La línea cambia el color de las letras cuando se pasa el mouse por encima en la sección seleccionada. El archivo modificado es el de “presentación.css” que se encuentra en la siguiente ruta:
C:\Alfresco\tomcat\webapps\share\themes\default
Linea 595 Aproximadamente
{
color: #000;
}
2.5 Cambiar el color de fondo del dashlet.
Para cambiar el color de fondo del dashlet cambiar el color en la siguiente línea del código en el archivo de “presentación.css”
Linea 184 Aproximadamente:
.dashlet .body
{
background-color: #ffffff;
}
2.6 Cambiar el color fijo de la letra de los menús.
Para cambiar el color fijo de la letra de los menús en el siguiente código cambiar lo que se muestra en las lineas 380 a la 384 aproximadamente.
2.7 Cambio de Logo Parte Inferior del tema
Para cambiar el logo que se encuentra en la parte inferior de la pantalla la imagen se encuentra en la siguiente ruta:
alfresco-share-logo.png
C:\Alfresco\tomcat\webapps\share\components\images
2.8 Cambiar la leyenda que aparece después del logo ubicado en la parte de abajo
Para cambiar la leyenda que aparece después del logo ubicado en la parte de abajo cambiar la leyenda en el siguiente archivo:
footer.get_es.properties
C:\Alfresco\tomcat\webapps\share\WEB-INF\classes\alfresco\site-webscripts\org\alfresco\components\footer
2.9 Cambiar la leyenda del de la pantalla del Login.
Para cambiar la leyenda que aparece en la imagen del login de la pantalla cambiar el siguiente archivo.
C:\Alfresco\tomcat\webapps\share\WEB-INF\classes\alfresco\messages\
slingshot_es.properties
2.10 Realizar el cambio del color en la imagen de abajo.
Para realizar el cambio del color de la parte de abajo de la pantalla modificar el archivo que se muestra abajo en la ruta indicada.
C:\Alfresco\tomcat\webapps\share\components\footer\
Footer.css
3 Instalación del Tema de Alfresco en el share.
1. Creamos una nueva carpeta dentro de la que contiene los temas: tomcat\webapps\share\themes
1. Hay que nombrarla sin espacios
2. Copiamos en su interior los archivos de un tema ya existente, ej:greenTheme
2. Editamos los archivos al gusto…
1. Modificamos las CSS teniendo en cuenta que, en el caso específico de "presentation.css" y "yui\assets\skin.css" (ambos archivos dentro del nuevo directorio que hemos creado para el nuevo tema), hay que buscar los nombres de todas las propiedades "yui-skin-greenTheme" (por ser el ejemplo) y reemplazarlos por "yui-skin-ElNuevoNombreDelTema"
2. Sustituimos, si es necesario, las imágenes por otras similares (ej: logo de la compañía)
3. Creamos un XML para el nuevo tema en: tomcat\webapps\share\WEB-INF\classes\alfresco\site-data\themes. Lo más sencillo es copiar uno existente y modificar tanto el nombre como el contenido:
Código
<?xml version='1.0' encoding='UTF-8'?>
<theme>
<title>El Nuevo Nombre Del Tema</title>
<title-id>theme.ElNuevoNombreDelTema</title-id>
</theme>
Así, el nuevo tema aparecerá en el panel de control del Administrador del Share para que pueda ser aplicado (Herramientas/Aplicación).
