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

 

Se aplica a: Exchange Server 2010 SP2, Exchange Server 2010 SP3

Última modificación del tema: 2016-11-28

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

¿Está buscando otras tareas de administración avanzadas para Outlook Web App? 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 Outlook Web App, 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.

Nota

En Exchange Server 2010 Service Pack 1, la ruta de acceso es \V14\Client Access\OWA&lt;número de versión>\themes\resources.

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. También debe crear una copia de seguridad de los archivos personalizados. Si vuelve a instalar o actualizar Exchange, todos los archivos de las carpetas de temas se sobrescribirán. Deberá volver a copiar los archivos personalizados en la carpeta de temas correspondiente una vez finalizada la reinstalación o actualización.

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 Outlook Web App, 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 predeterminada de inicio de sesión de Outlook Web Access que muestra las opciones de texto

En las figuras siguientes se muestra la página predeterminada de cierre de sesión 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 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 predeterminada de cierre de sesión de Outlook Web Access que muestra las 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 Outlook Web App 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 Outlook Web App 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 Outlook Web App, puede cambiar el logotipo de Outlook Web App 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 Outlook Web App. Si va a probar los cambios del sitio web predeterminado en el servidor de acceso de cliente que hospeda el directorio virtual de Outlook Web App, 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 Outlook Web App.

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 Outlook Web App, 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 Outlook Web App. 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 Outlook Web App

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 Outlook Web App.

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 Outlook Web App.

Nota

Si ya ha abierto la URL de inicio de sesión de Outlook Web App, 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.

 © 2010 Microsoft Corporation. Reservados todos los derechos.