Personalizar as Páginas de Entrada e Saída do Outlook Web App

 

Aplica-se a: Exchange Server 2010 SP2, Exchange Server 2010 SP3

Tópico modificado em: 2016-11-28

Este tópico explica como criar páginas personalizadas de logon e logoff para Outlook Web App.

Procurando por outras tarefas de gerenciamento avançado para o Outlook Web App? Consulte Gerenciando os Recursos Avançados do Outlook Web App.

Personalizar as páginas de logon e logof

As páginas de logon, seleção de idioma e logoff do Outlook Web App são criadas com base nos gráficos e no arquivo logon.css da pasta de temas base. Portanto, para usar as páginas personalizadas de logon e logoff, você deve modificar os arquivos da pasta de temas base. Você pode localizar a pasta de temas base no diretório de instalação do Exchange em \V14\Client Access\OWA\<versão>\themes\base.

Dica

No Exchange Server 2010 SP1, o caminho é \V14\Client Access\OWA&lt;número da versão>\themes\resources.

As páginas de logon, seleção de idioma e logoff usam o arquivo logon.css para definir estilos e cores de texto. As páginas são criadas combinando várias imagens para as margens superior, inferior e laterais e incluem também repetição de imagens e cantos para expansão. Os seguintes arquivos criam a página de logon:

  • logon.css

  • lgnbotl.gif

  • lgnbotm.gif

  • lgnbotr.gif

  • lgnexlogo.gif

  • lgnleft.gif

  • lgnright.gif

  • lgntopl.gif

  • lgntopm.gif

  • lgntopr.gif

É mais fácil criar um novo visual usando uma cor sólida, pois a mesma coleção de imagens é usada para as três páginas: a página de logon, a página de seleção de idioma que é mostrada no primeiro logon por caixa de correio e a página de logoff. As páginas são redimensionadas horizontal e verticalmente, dependendo do conteúdo da página.

Se você tiver vários servidores de Acesso para Cliente e desejar que todos eles usem as mesmas páginas de logon e logoff, deverá copiar os arquivos de logon e logoff modificados em cada servidor de Acesso para Cliente. Você também deve criar uma cópia de backup dos seus arquivos personalizados. Se você reinstalar ou atualizar o Exchange, todos os arquivos na pasta themes serão substituídos. Você terá que copiar seus arquivos personalizados de volta para a pasta de tema adequada, após fazer a reinstalação ou atualização.

Aviso

Antes de alterar os arquivos para criar páginas de logon e logoff, cópias de backup de todos os arquivos que você alterará antes de começar a criar suas páginas de logon e logoff personalizadas.

As figuras a seguir ilustram a página de logon padrão do Outlook Web App como ela será exibida, se o usuário clicar em mostrar explicação e selecionar Este é um computador particular e Usar o Outlook Web Access Light. Uma figura mostra como os arquivos de gráficos que criam a página cabem juntos. A outra figura mostra como o arquivo logon.css determina as cores de segundo plano e o texto na página de logon.

Página de logon do Outlook Web Access que exibe arquivos de gráficos personalizados

Página de logoff padrão do Outlook Web Access que exibe opções de texto

As figuras a seguir ilustram a página de logoff padrão do Outlook Web App. Uma figura mostra como os arquivos de gráficos que criam a página cabem juntos. A outra figura mostra como o arquivo logon.css determina as cores de segundo plano e o texto na página de logon.

Página de logoff do Outlook Web Access que exibe arquivos de gráficos personalizados

Página de logoff padrão do Outlook Web Access que exibe opções de texto

Testar alterações para as páginas de logon e logoff

Depois de abrir a página de logon ou logoff do Outlook Web App no Internet Explorer, é possível testar as alterações sem precisar redefinir o IIS ou sair do Internet Explorer.

  1. Abra a página de logon e logoff Outlook Web App no Internet Explorer.

  2. Na barra de ferramentas, clique em Ferramentas e em Opções da Internet.

  3. Na guia Geral, em Histórico de navegação, clique em Excluir.

  4. Em Arquivos de Internet Temporários, clique em Excluir arquivos e em Sim quando for perguntado se você tem certeza de que deseja excluir todos os arquivos temporários do Internet Explorer

  5. Clique em OK para fechar Opções da Internet.

  6. Clique em Atualizar para ver as alterações.

Repita essas etapas para ver as alterações sempre que fizer uma alteração nos arquivos de página de logon ou logoff. Se você estiver fazendo várias alterações, poderá deixar a página de logon ou logoff aberta e repetir as etapas para ver as alterações.

Alterar o logotipo no aplicativo de Web do Outlook

A entrada Para executar este procedimento, você precisa de permissões. Para ver de que permissões você precisa, consulte o "Editor gráfico" no tópico Permissões de Acesso para Cliente.

Para personalizar o Outlook Web App, é possível alterar o logotipo do Outlook Web App nas páginas de logon e logoff para o logotipo de sua organização.

  1. Crie cópias dos arquivos que você deseja alterar e salve-as em um local seguro para que você possa restaurar as páginas originais, caso seja necessário.

  2. Abra o arquivo lgntopl.gif usando uma ferramenta de edição de imagens e modifique-o para criar o logotipo que você deseja usar.

  3. Salve as alterações e clique no botão Atualizar para ver as alterações.

Dica

Se você alterou a cor de segundo plano do arquivo lgntopl.gif, é recomendável modificar os arquivos restantes que são usados para criar as páginas de logon e logoff para correspondência.

Alterar estilos de fonte e cores

Para executar este procedimento, você precisa de permissões. Para ver de que permissões você precisa, consulte o Entrada "Editor de texto" no tópico Permissões de Acesso para Cliente.

Você pode editar o arquivo logon.css para alterar os estilos das fontes e algumas das cores que são usadas nas páginas. Isso inclui a cor de segundo plano que fica atrás dos controles no centro da página de logon e da página de seleção de idioma. Se você alterou a cor dessas páginas, é recomendável alterar a cor de segundo plano para correspondência.

Para alterar as cores de fundo e das fontes das páginas de logon, de seleção de idioma e de logoff, você deve localizar os valores na folha de estilos de logon (logon.css) e determinar os valores RGB HTML das cores que deseja usar. Os valores de cores RGB HTML são definidos por uma cadeia de sete caracteres no formato do símbolo de número (#) seguido por uma cadeia de seis caracteres. Para encontrar os valores RGB HTML de várias cores, consulte Color Table na Biblioteca MSDN (em inglês). Se você precisar de uma cor específica e não conseguir encontrar uma cor correspondente online, poderá usar uma ferramenta de edição de imagens para criar uma amostra da cor e determinar seu valor RGB HTML.

Para testar as alterações, abra o Internet Explorer e digite a URL do Outlook Web App. Se estiver testando as alterações no site padrão no servidor de Acesso para Cliente que está hospedando o diretório virtual do Outlook Web App, você poderá testá-las abrindo o Internet Explorer e digitando a URL https://localhost/owa.

Dica

A página de seleção de idioma é exibida somente na primeira vez em que um usuário faz logon no Outlook Web App.

A tabela a seguir lista os elementos das páginas de logon e logoff e uma descrição de cada elemento.

Elementos de página de logon e logoff e suas descrições

Elemento a ser alterado Cadeia de caracteres a ser pesquisada Descrição

Cor de plano de fundo da janela do navegador da Web

body{background-color:#ffffff

A cor de plano de fundo da janela do navegador da Web. Isto controla a cor da janela que das bordas da página de logon e logoff.

Cor de plano de fundo das páginas de logon e logoff

Background: #ffffff

A cor de plano de fundo das páginas de logon e logoff. Se você alterar a cor de segundo plano dos arquivos de gráficos, deverá alterar a cor de segundo plano para correspondência.

Texto de aviso

wrng{color:#ff6c00;

A cor do texto de aviso que é exibido quando um usuário seleciona Este é um computador particular. Na página de logon existente do Outlook Web App, esse texto de aviso é exibido em laranja e sobressai bem no segundo plano branco. Se você alterar a cor de segundo plano da página de logon, talvez você queira alterar a cor do texto de aviso para que ela fique legível.

Cor principal do texto

select, table{color:#444444;}

A cor principal do texto é preta. Indica as opções que podem ser selecionadas e os campos de entrada na página de logon do Outlook Web App. Os exemplos incluem os rótulos dos campos de nome e senha do usuário e o texto ao lado das opções de segurança. Se você tiver escolhido uma cor clara para as páginas de logon, a cor preta ainda funcionará bem nesse texto.

Mostrar/ocultar explicação

a{color:#ff6c00;

O link na página de logon que um usuário pode clicar para mostrar ou ocultar a explicação de logons públicos e particulares.

Texto de explicação

expl{color:#999999;

A cor do texto que aparece quando o usuário clica em mostrar explicação.

Descrição da versão light do Outlook Web App

disBsc{color:#999999;

Quando um usuário seleciona Usar a versão light do aplicativo Outlook Web, uma breve explicação sobre a versão light do Outlook Web App é mostrada.

Depois de decidir quais elementos você deseja alterar a cor e os valores das cores RGB HTML para as quais alterará esses elementos, use o procedimento a seguir para alterar a cor de qualquer elemento que seja definido por um arquivo .css.

Alterar a cor de um elemento

Para executar este procedimento, você precisa de permissões. Para ver de que permissões você precisa, consulte o Entrada "Editor de texto" no tópico Permissões de Acesso para Cliente.

  1. Abra o arquivo logon.css.

  2. Use a tabela de elementos das páginas de logon e logoff incluída anteriormente neste tópico para localizar a cadeia de caracteres que corresponde ao elemento que você deseja alterar.

  3. Substitua o valor da cor RGB HTML do elemento que você deseja alterar pelo valor da nova cor RGB HTML que você deseja usar para esse elemento.

  4. Salve as alterações e feche o arquivo logon.css.

  5. Teste suas alterações, abrindo o Internet Explorer e digitando a URL da página de logon do Outlook Web App.

Dica

Se você já tiver aberto a URL de logon do Outlook Web App, poderá testar as alterações excluindo os arquivos de Internet temporários e atualizando o Internet Explorer. Para fazer isso, clique em Ferramentas e em Opções da Internet. Na guia Geral, em Histórico de navegação, clique em Excluir. Em Arquivos Temporário de Internet, clique em Excluir arquivos e, em seguida, clique em Sim quando for perguntado de deseja excluir todos os arquivos temporários do Internet Explorer Clique em OK para fechar as Opções de Internete, em seguida, pressione F5 para atualizar a página de logon.

 © 2010 Microsoft Corporation. Todos os direitos reservados.