Personalizando o tema no OWA 2010

Bem, um documentozinho algo atrasado, mas como este tema surgiu num cliente há pouco, fazemos um breve resumo das alterações que seriam necessárias para personalizar ou customizar um tema na Outlook Web App dos nossos servidores Microsoft Exchange 2010, com isso faremos uma interface totalmente corporativa onde teremos os chefes satisfeitos! 😛

Realizaremos estas mudanças nos nossos servidores com o rol de Acceso Cliente, y si disponemos de un servidor TMG en la DMZ também deberemos fazer parte de los changes en él, en la parte del portal.

A tener en cuenta que los temas están en: %ProgramFiles%MicrosoftExchange ServerV14ClientAccessOwa<Versão>themes

Podríamos até mudar o ícone que nos mostrará el navegador, substituyéndolo por el nuestro en %ProgramFiles%MicrosoftExchange ServerV14ClientAccessOwa<Versão>themesresources substituiremos el favicon.ico por el nuestro corporativo.
Podremos trabalhar sobre um tema existente que se nos adapte más o tirar del predeterminado ('basic'), assim 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í… com isto, podremos utilizar la herramienta y seleccionar partes de la web para ver de donde viene su cor, Texto…

Ejemplos comunes:

Para botão mudar el color del botón 'Iniciar sesión’ de la Home, modificaremos el 'logon.css’ de la carpeta 'themesResources', buscando el apartado 'input.btn{cor de fundo:’ e colocamos a cor em hexadecimal que mais se nos adapte.

O mesmo para o efeito quando o rato passa por cima do botão, colocaremos uma cor semelhante à anterior, mas mais clara, modificando: ‘btnOnMseOvr{cor de fundo:’, o mesmo para quando se clicar…
Se quisermos mudar a cor dos links nesta mesma Home e que não sejam laranja, sobre o mesmo ‘logon.css’ procuramos a secção para os links ‘a{cor:’….

Mais, para o texto em laranja da Home que não sejam links, novamente em ‘logon.css’ mudamos ‘wrng{cor:’

E finalmente, Por exemplo, para mudar a cor das caixas onde se coloca o utilizador/senha, mudamos o ‘background-color’ dentro de ‘.txt’

Para mudar as imagens principais, veremos que se compõem de várias unidas, por lo que lo más factible sea changer el Tono/Saturación con un PhotoShop y listo, al color que más se adecue. En 'lgntopl.gif’ podremos substituir el logótipo predeterminado e colocar el de nossa companhia.

Mais,

Y más,

Y más!

A tener en cuenta que una vez hayamos hecho logon en OWA, también tendremos que mudar cosas, como por exemplo el logótipo da nossa empresa arriba a la izquierda, para ello modificaremos el archivo 'csssprites.png’ suplantando por nosso LOGO donde viene 'Microsoft Outlook Web App', tendremos que tener en cuenta que como máximo será una imagem de 144 x 42 pixeles! como vemos podremos mudar mais 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.