在 OWA 中自定义主题 2010

嗯，一个小文档有点过期了，但是最近客户是怎么出现这个问题的呢？, 我们简要总结了在我们的 Microsoft Exchange 服务器的 Outlook Web App 中自定义或自定义主题所需的更改 2010, 有了这个，我们将制作一个完全的公司界面，让老板们满意! 😛

Realizaremos estos cambios en nuestros servidores con el rol de Acceso Cliente, y si disponemos de un servidor TMG en la DMZ también deberemos hacer parte de los cambios en él, en la parte del portal.

A tener en cuenta que los temas están en: %ProgramFiles%MicrosoftExchange ServerV14ClientAccessOwa<版本>themes

Podríamos incluso cambiar el icono que nos mostrará el navegador, sustituyéndolo por el nuestro en %ProgramFiles%MicrosoftExchange ServerV14ClientAccessOwa<版本>themesresources sustituiremos el favicon.ico por el nuestro corporativo.
Podremos trabajar sobre un tema existente que se nos adapte más o tirar del predeterminado (‘basic’), así que duplicamos la carpeta del tema en cuestión y la renombramos como querramos.

Editaremos el fichero themeinfo.xml y en ‘displayname’ indicaremos el nombre a mostrar dentro de OWA (Si es que les dejamos seleccionar temas).

Podremos apoyarnos en utilidades de terceros para ver el código fuente de OWA y personalizarlo online para ver cómo quedarían los cambios y luego se los trasladaríamos al fichero CSS en cuestión. En Firefox exite un plugin llamado ‘Firebug‘ que nos será de mucha utilidad, o incluso el Internet Explorer tiene algo por ahí… 有了这个, podremos utilizar la herramienta y seleccionar partes de la web para ver de donde viene su color, 发短信…

Ejemplos comunes:

Para botón cambiar el color del botón ‘Iniciar sesión’ de la Home, modificaremos el ‘logon.css’ de la carpeta ‘themesResources’, buscando el apartado ‘input.btn{background-color （背景色）:’ y ponemos el color en hexadecimal que más se nos adapte.

Lo mismo para el efecto cuando el ratón pasa por encima del botón, le pondremos un color similar al anterior, pero más clarito, modificando: ‘btnOnMseOvr{background-color （背景色）:’, lo mismo para cuando se haga click…
Si queremos cambiar el color de los enlaces en esta misma Home y que no sean naranjas, sobre el mismo ‘logon.css’ buscamos la el apartado para los enlaces ‘a{颜色:’….

更多, para el texto en naranja de la Home que no sean enlaces, de nuevo en ‘logon.css’ cambiamos ‘wrng{颜色:’

最后, 例如, para cambiar el color de los cuadros donde se pone el usuario/contraseña, cambiamos el ‘background-color’ dentro de ‘.txt’

Para cambiar las imágenes principales, veremos que se componen de varias unidas, por lo que lo más factible sea cambiar el Tono/Saturación con un PhotoShop y listo, al color que más se adecue. En ‘lgntopl.gif’ podremos sustituir el logo predeterminado y poner el de nuestra compañía.

更多,

等等,

等等!

A tener en cuenta que una vez hayamos hecho logon en OWA, también tendremos que cambiar cosas, como por ejemplo el logo de nuestra compañía arriba a la izquierda, para ello modificaremos el archivo ‘csssprites.png’ suplantando por nuestro LOGO donde viene ‘Microsoft Outlook Web App’, tendremos que tener en cuenta que como máximo será una imagen de 144 x 42 pixeles! Como vemos podremos cambiar más iconos, esto es una de las ventajas de OWA, que cargue tan rápido, carga una sola imagen y luego selecciona los recuadros que quiere poner.