Objetivo:
Cambiar colores del portal en la página de ingreso y página de marcadores
A partir de la versión 5 se implementó para facilitar el cambio de colores y otro cambios de L&F la idea de temas. En este tutorial explicaremos como cambiar de tema y personalizar el portal.
Consideraciones previas
- Este documento es válido para versiones 5.x.xxx en adelante
- Tener conocimientos básicos de CSS
- Recomendamos el uso de firebug para saber con exactitud cual estilo queremos cambiar
Creando un nuevo tema : Green
A lo efectos de ejemplificar el proceso vamos a crear un nuevo tema que se llamará Green.
Pasos a seguir:
- Copiar la carpeta <o3>/jboss/server/default/deploy/gserver/0o3.ear/o3portal.war/themes/red en el mismo lugar y la re nombramos como Green.
- Avisarle a el server que use este nuevo tema, para ello en
<o3>/jboss/server/default/deploy/gserver/0o3.ear/o3portal.war/WEB-INF/webapp.properties agregamos la siguiente propertie (pude ser en cualquier lugar, por ej: al final del archivo).ideasoft.themes.defaultTheme = Green
- Cambiar al nuevo nombre los css, en:
- <o3>/jboss/server/default/deploy/gserver/0o3.ear/o3portal.war/themes/Green/common/css modificar el nombre red.css por Green.css
- Cambiar las clases dentro de Green.css. Editemos Green.css y cambiamos todos los .red por .Green
- <o3>/jboss/server/default/deploy/gserver/0o3.ear/o3portal.war/themes/Green/jdesktop/css modificar el nombre red.css por Green.css
- Cambiar las clases dentro de Green.css. Editemos Green.css y cambiamos todos los .red por .Green
Si seguimos esto pasos habremos creado un nuevo tema Green. Vemos ahora como cambiar algunos estilos
Cambiando estilos en el nuevo tema
Como podemos ver la carpeta de temas tiene varias sub carpetas que ordenan y facilitan los cambios. En su mayoría lo que contienen son las imágenes correspondientes.
El archivo más importante es <o3>//jboss/server/default/deploy/gserver/0o3.ear/o3portal.war/themes/Green/common/css/Green.css, en el tenemos la mayoria de estilos que se aplicarán al o3portal.
El otro archivo importante es <o3>/jboss/server/default/deploy/gserver/0o3.ear/o3portal.war/themes/Green/jdesktop/css/common/Green.css, el tenemos la mayoría de los estilos que controlan al portal un vez que habrimos un cubo.
Cambiando el loguin y el logout
Las imagenes correspondientes a estas pantallas estan en:
<o3>/jboss/server/default/deploy/gserver/0o3.ear/o3cas.war/images
para el loguin usa log_01/02/03 y para el logout log_01/02/04.
Los estilos de estas páginas están en
<o3>/jboss/server/default/deploy/gserver/0o3.ear/o3cas.war/styles/login-logout.css