Personalizar las páginas de inicio de sesión y cierre de sesión de Outlook Web App

Última modificación del tema: 2009-09-25

En este tema se explica cómo crear páginas personalizadas de inicio y cierre de sesión de aplicación web de Outlook.

¿Está buscando otras tareas de administración avanzadas para aplicación web de Outlook? Consulte Administración de las características avanzadas de Outlook Web App.

Personalización de las páginas de inicio y cierre de sesión

Las páginas de inicio de sesión de aplicación web de Outlook, de selección de idioma y de cierre de sesión se crean de acuerdo con los gráficos y el archivo logon.css de la carpeta del tema básico. Por lo tanto, para usar páginas de inicio y cierre de sesión personalizadas, debe modificar los archivos de la carpeta del tema básico. Esta carpeta se encuentra en el directorio de instalación de Exchange, en \V14\\Client Access\OWA\<número de versión>\themes\base.

Las páginas de inicio de sesión, selección de idioma y cierre de sesión usan el archivo logon.css para definir los colores y estilos de texto. Estas páginas se crean mediante la combinación de varias imágenes para la parte superior, inferior y lateral, además de la repetición de imágenes y esquinas para permitir la expansión. La página de inicio de sesión está formada por los archivos siguientes:

  • logon.css
  • lgnbotl.gif
  • lgnbotm.gif
  • lgnbotr.gif
  • lgnexlogo.gif
  • lgnleft.gif
  • lgnright.gif
  • lgntopl.gif
  • lgntopm.gif
  • lgntopr.gif

Es más fácil conseguir una nueva apariencia con un color liso, puesto que se usa la misma selección de imágenes para tres páginas: la página de inicio de sesión, la página de selección de idioma que se muestra la primera vez que se inicia sesión en un buzón y la página de cierre de sesión. El tamaño de las páginas se puede modificar en sentido horizontal y vertical, en función del contenido de la página.

Si tiene varios servidores de acceso de cliente y desea que todos usen las mismas páginas de inicio y cierre de sesión, copie los archivos de inicio y cierre de sesión modificados en cada servidor de acceso de cliente.

Advertencia

Antes de cambiar los archivos para crear páginas personalizadas de inicio y cierre de sesión, realice copias de seguridad de todos los archivos que va a cambiar antes de empezar a crear las páginas personalizadas.

En las figuras siguientes se muestra la página predeterminada de inicio de sesión de aplicación web de Outlook, tal y como aparece si el usuario hace clic en Mostrar explicación y selecciona Es un equipo privado y Usar la versión limitada de Outlook Web App. En una de las figuras se muestra la combinación de los archivos de gráficos que conforman la página. En la otra, se muestra cómo el archivo logon.css determina los colores del fondo y el texto de la página de inicio de sesión.

Página de inicio de sesión de Outlook Web Access que muestra los archivos de gráficos personalizados
Página de inicio de sesión predeterminada de Outlook Web App

Página predeterminada de inicio de sesión de Outlook Web Access que muestra las opciones de texto
Página de inicio de sesión de Outlook Web App con opciones de texto

En las figuras siguientes se muestra la página predeterminada de cierre de sesión de aplicación web de Outlook. En una de las figuras se muestra la combinación de los archivos de gráficos que conforman la página. En la otra, se muestra cómo el archivo logon.css determina los colores del fondo y el texto de la página de cierre de sesión.

Página de cierre de sesión de Outlook Web Access que muestra los archivos de gráficos personalizados
Página de cierre de sesión predeterminada de Outlook Web App

Página predeterminada de cierre de sesión de Outlook Web Access que muestra las opciones de texto
Página de cierre de sesión de Outlook Web App con opciones de texto

Probar los cambios en las páginas de inicio y cierre de sesión

Una vez que haya abierto la página de inicio o cierre de sesión de aplicación web de Outlook en Microsoft Internet Explorer, puede probar los cambios sin necesidad de restablecer IIS o salir de Internet Explorer.

  1. Abra la página de inicio o cierre de sesión de aplicación web de Outlook en Internet Explorer.
  2. En la barra de herramientas, haga clic en Herramientas y, a continuación, en Opciones de Internet.
  3. En la ficha General, en Historial de exploración, haga clic en Eliminar.
  4. En Archivos temporales de Internet, haga clic en Eliminar archivos y, a continuación, en cuando se le pregunte si está seguro de que desea eliminar todos los archivos temporales de Internet Explorer
  5. Haga clic en Aceptar para cerrar Opciones de Internet.
  6. Haga clic en Actualizar para ver los cambios.

Repita estos pasos para ver los cambios cada vez que realice una modificación en los archivos de las páginas de inicio o cierre de sesión. Si va a realizar varios cambios, puede dejar la página de inicio o cierre de sesión abierta y repetir los pasos para ver los cambios.

Cambio del logotipo en Outlook Web App

Deberá tener asignados permisos antes de poder llevar a cabo este procedimiento. Para ver qué permisos necesita, consulte el Entrada "Editor de gráficos" en el tema Permisos de acceso de cliente.

Para personalizar aplicación web de Outlook, puede cambiar el logotipo de aplicación web de Outlook en las páginas de inicio y cierre de sesión por el logotipo de su organización.

  1. Cree copias de los archivos que desee cambiar y guárdelas en una ubicación segura para poder restaurar las páginas originales si es necesario.
  2. Abra el archivo lgntopl.gif con una herramienta de edición de imágenes y modifíquelo para crear el logotipo que desee usar.
  3. Guarde los cambios y, a continuación, haga clic en el botón Actualizar para ver los cambios.

Nota

Si ha modificado el color de fondo de lgntopl.gif, le recomendamos que modifique los demás archivos usados para que las páginas de inicio y cierre de sesión tengan una apariencia acorde.

Cambio de estilos de fuente y colores

Deberá tener asignados permisos antes de poder llevar a cabo este procedimiento. Para ver qué permisos necesita, consulte el Entrada "Editor de texto" en el tema Permisos de acceso de cliente.

Puede editar el archivo logon.css para cambiar los estilos de fuente y algunos de los colores usados en las páginas. También puede cambiar el color de fondo de los controles situados en el centro de las páginas de inicio de sesión y selección de idioma. Si ha modificado el color de estas páginas, le recomendamos que cambie el color de fondo en consecuencia.

Para cambiar el color de fondo y los colores de fuente de las páginas de inicio de sesión, selección de idioma y cierre de sesión, busque los valores en la hoja de estilos de inicio de sesión (logon.css) para determinar los valores HTML RGB de los colores que desea usar. Los valores HTML RGB de color se definen mediante una cadena de siete caracteres en formato de signo de número (#) seguido de una cadena de seis caracteres. Para buscar los valores HTML RGB de muchos colores, consulte la Tabla de colores en MSDN Library. Si busca un color específico y no lo encuentra en línea, use la herramienta de edición de imágenes para tomar una muestra del color y determinar su valor HTML RGB.

Para probar los cambios, abra Internet Explorer y escriba la URL de aplicación web de Outlook. Si va a probar los cambios del sitio web predeterminado en el servidor de acceso de cliente que hospeda el directorio virtual de aplicación web de Outlook, abra Internet Explorer y escriba la URL https://localhost/owa.

Nota

La página de selección de idioma solo aparece la primera vez que un usuario inicia sesión en aplicación web de Outlook.

En la tabla siguiente se enumeran los elementos de las páginas de inicio y cierre de sesión y se proporciona una descripción de cada elemento.

Descripción de los elementos de las páginas de inicio y cierre de sesión

Elemento que cambiar Cadena que buscar Descripción

Color de fondo de la ventana del explorador web

body{background-color:#ffffff

El color de fondo de la ventana del explorador web. Este elemento controla el color del borde de las páginas de inicio y cierre de sesión.

Color de fondo de las páginas de inicio y cierre de sesión

Background: #ffffff

El color de fondo de las páginas de inicio y cierre de sesión. Si cambia el color de fondo de los archivos de gráficos, debería cambiar el color del fondo en consecuencia.

Texto de advertencia

wrng{color:#ff6c00;

El color del texto de advertencia que aparece cuando un usuario selecciona Es un equipo privado. En la página de inicio de sesión de aplicación web de Outlook, este texto de advertencia es de color naranja y destaca sobre el fondo blanco. Si cambia el color de fondo de la página de inicio de sesión, quizás deba cambiar también el color del texto de advertencia para que sea legible.

Color del texto primario

select, table{color:#444444;}

El color del texto primario es el negro. Este texto indica las opciones que se pueden seleccionar y los campos de entrada de la página de inicio de sesión de aplicación web de Outlook. Las etiquetas para los campos de nombre de usuario y contraseña y el texto situado junto a las opciones de seguridad son algunos ejemplos. Si ha elegido un color claro para las páginas de inicio de sesión, el negro seguirá siendo un color adecuado para este texto.

Mostrar u ocultar explicación

a{color:#ff6c00;

Vínculo en la página de inicio de sesión para mostrar u ocultar la explicación de los inicios de sesión público y privado.

Texto de explicación

expl{color:#999999;

El color del texto que aparece cuando el usuario hace clic en Mostrar explicación.

Descripción de la versión limitada de aplicación web de Outlook

disBsc{color:#999999;

Cuando un usuario selecciona la opción Usar la versión limitada de Outlook Web App, aparece una breve explicación sobre la versión limitada de aplicación web de Outlook.

Cuando haya decidido los elementos cuyo color desea cambiar e identificado los valores HMTL RGB del color que desea usar para los elementos, efectúe el siguiente procedimiento para cambiar el color de los elementos definidos en un archivo .css.

Cambio del color de un elemento

Deberá tener asignados permisos antes de poder llevar a cabo este procedimiento. Para ver qué permisos necesita, consulte el Entrada "Editor de texto" en el tema Permisos de acceso de cliente.

  1. Abra logon.css.
  2. Localice en la tabla de elementos de las páginas de inicio y cierre de sesión que se incluye más arriba en este mismo tema la cadena que coincide con el elemento que desea cambiar.
  3. Sustituya el valor HTML RGB del color del elemento que desea cambiar por el valor HTML RGB del color que desea usar para dicho elemento.
  4. Guarde los cambios y cierre logon.css.
  5. Para probar los cambios, abra Internet Explorer y escriba la URL de la página de inicio de sesión de aplicación web de Outlook.

Nota

Si ya ha abierto la URL de inicio de sesión de aplicación web de Outlook, elimine los archivos temporales de Internet y actualice Internet Explorer para comprobar los cambios. Para hacerlo, haga clic en Herramientas y, a continuación, en Opciones de Internet. En la ficha General, en Historial de exploración, haga clic en Eliminar. En Archivos temporales de Internet, haga clic en Eliminar archivos y, a continuación, en cuando se le pregunte si está seguro de que desea eliminar todos los archivos temporales de Internet Explorer. Haga clic en Aceptar para cerrar Opciones de Internet y, después, presione F5 para actualizar la página de inicio.