修改Exchange2010 OWA的登陸界面

     Outlook Web App 登陸頁、語言選擇頁和註銷頁基於基本主題文件夾中的圖形和 logon.css 文件建立。 所以,若要使用自定義登陸頁和註銷頁,必須修改基本主題文件夾中的文件。 基本主題文件夾位於 Exchange 安裝目錄的 \V14\Client Access\OWA\<version number>\themes\base。
登陸頁、語言選擇頁和註銷頁使用 logon.css 文件來定義文本樣式和顏色。經過爲頂部、底部和兩側的邊框組合使用多個圖像來建立頁面,而且包含重複的圖像以及用於擴展的邊角。 下列文件用於建立登陸頁:
 
[  logon.css   lgnbotl.gif   lgnbotm.gif  lgnbotr.gif  lgnexlogo.gif  lgnleft.gif  ght.gif  lgntopl.gif  lgntopm.gif  lgntopr.gif  ]
 
使用純色最容易產生新的視覺效果,由於三個頁面使用的是同一個圖像集合: 登陸頁、每一個郵箱初次登陸時顯示的語言選擇頁以及註銷頁。頁面大小基於頁面的內容進行水平調整和垂直調整。
若是有多臺客戶端訪問服務器,而且但願這些服務器所有使用相同的登陸頁和註銷頁,則必須將修改後的登陸文件和註銷文件複製到每臺客戶端訪問服務器。
下列各圖顯示默認的 Outlook Web App 登陸頁,此時,用戶單擊了「顯示說明」 而且選擇了「此計算機是私人計算機」 和「使用 Outlook Web Access 的簡易版本」 。一幅圖顯示建立頁面的圖形文件如何配合在一塊兒。 另外一幅圖顯示 logon.css 文件如何肯定登陸頁上的背景和文本的顏色。
顯示自定義圖形文件的 Outlook Web Access 登陸頁
Outlook
顯示文本選項的默認 Outlook Web Access 登陸頁
Outlook
下圖顯示默認的 Outlook Web App 註銷頁。一幅圖顯示建立頁面的圖形文件如何配合在一塊兒。 另外一幅圖顯示 logon.css 文件如何肯定註銷頁上的背景和文本的顏色。
顯示自定義圖形文件的 Outlook Web Access 註銷頁
Outlook
顯示文本選項的默認 Outlook Web Access 註銷頁
帶有文本選項的
在 Microsoft Internet Explorer 中打開 Outlook Web App 登陸頁或註銷頁以後,沒必要重置 IIS 或退出 Internet Explorer,便可測試所作更改。
  1. 在 Internet Explorer 中打開 Outlook Web App 登陸頁或註銷頁。
  2. 單擊工具欄上的「工具」 ,而後單擊「Internet 選項」
  3. 在「常規」 選項卡的「瀏覽歷史記錄」 下,單擊「刪除」
  4. 在「Internet 臨時文件」 下,單擊「刪除文件」 ,在系統詢問您是否確實要刪除全部 Internet Explorer 臨時文件時,單擊「是」
  5. 單擊「肯定」 關閉「Internet 選項」
  6. 單擊「刷新」 查看所作更改。
每次更改了登陸頁或註銷頁的文件以後,重複上述步驟以查看所作更改。 若是進行多項更改,可使登陸頁或註銷頁保持打開狀態,而後重複上述步驟以查看所作更改。
須要首先分配權限,而後才能執行此過程。若要查看所需的權限,請參閱 客戶端訪問權限主題中的「圖形編輯器」條目。
若要自定義 Outlook Web App,能夠根據組織的徽標更改登陸頁和註銷頁上的 Outlook Web App 徽標。
  1. 建立要更改的文件的副本,並將其保存到一個安全位置,以即可以在須要時還原原始頁面。
  2. 使用圖像編輯工具打開 lgntopl.gif 文件,而後修改該文件,以建立要使用的徽標。
  3. 保存所作更改,而後單擊「刷新」 按鈕以查看所作更改。
須要首先分配權限,而後才能執行此過程。若要查看所需的權限,請參閱 客戶端訪問權限主題中的「文本編輯器」條目。
能夠編輯 logon.css 文件,以更改頁面上使用的字體樣式和某些顏色。 其中包括登陸頁和語言選擇頁中心的控件後面的背景顏色。 若是更改了這些頁面的顏色,建議您更改背景顏色,使其相匹配。
若要更改登陸頁、語言選擇頁和註銷頁的背景顏色和字體顏色,必須在登陸樣式表 (logon.css) 中找到這些值,而後肯定要使用的顏色的 HTML RGB 值。 HTML RGB 顏色值經過七個字符組成的字符串定義,格式爲數字標記 (#) 後跟六個字符組成的字符串。若要找到許多顏色的 HTML RGB 值,請參閱 MSDN 庫中的 顏色表。 若是必須與特定的顏色相匹配,而您沒法聯機找到該顏色的匹配項,可使用圖像編輯工具獲取顏色樣本,並肯定其 HTML RGB 值。
若要測試所作更改,打開 Internet Explorer 並輸入 Outlook Web App 的 URL。 若是要測試對託管 Outlook Web App 虛擬目錄的客戶端訪問服務器上的默認網站所作的更改,能夠打開 Internet Explorer 並輸入 URL https://localhost/owa 進行測試。
語言選擇頁僅在用戶初次登陸到 Outlook Web App 時出現。
下表列出了登陸頁和註銷頁的元素以及對每一個元素的說明。
登陸頁和註銷頁的元素及其描述

要更改的元素 要搜索的字符串 描述
Web 瀏覽器窗口的背景顏色
body{background-color:#ffffff
Web 瀏覽器窗口的背景顏色。 此設置控制做爲登陸頁和註銷頁邊框的窗口的顏色。
登陸頁和註銷頁的背景顏色
Background: #ffffff
登陸頁和註銷頁的背景顏色。若是更改了圖形文件的背景顏色,應更改該背景顏色,使其相匹配。
警告文本
wrng{color:#ff6c00;
用戶選擇「此計算機是私人計算機」 時出現的警告文本的顏色。 在現有的 Outlook Web App 登陸頁上,此警告文本爲橙色,在白色背景上顯得很是突出。 若是更改了登陸頁的背景顏色,可能還須要更改警告文本的顏色,以即可以看清警告文本。
主要文本顏色
select, table{color:#444444;}
主要文本顏色是黑色, 用於指示 Outlook Web App 登陸頁上能夠選擇的選項以及輸入字段。示例包括用戶名字段和密碼字段的標籤以及安全選項旁邊的文本。 若是爲登陸頁選擇了淺色,黑色仍適用於此文本。
顯示說明/隱藏說明
a{color:#ff6c00;
登陸頁上的連接,用戶可單擊該連接顯示或隱藏私人登陸和公共登陸的說明。
說明文本
expl{color:#999999;
用戶單擊「顯示說明」時出現的文本的顏色。
Outlook Web App 簡易版本的說明
disBsc{color:#999999;
用戶選擇「使用 Outlook Web App 的簡易版本」時,將顯示有關簡易版本的 Outlook Web App 的簡短說明。
在決定了要更改顏色的元素並肯定了要將這些元素更改成的 HTML RGB 顏色值以後,請使用如下步驟更改 .css 文件中定義的任何元素的顏色。
須要首先分配權限,而後才能執行此過程。若要查看所需的權限,請參閱 客戶端訪問權限主題中的「文本編輯器」條目。
  1. 打開 logon.css。
  2. 使用本主題前面部分提供的登陸頁和註銷頁的元素表,找到與要更改的元素相匹配的字符串。
  3. 將要更改的元素的 HTML RGB 顏色值替換爲要用於該元素的新 HTML RGB 顏色值。
  4. 保存所作更改並關閉 logon.css。
  5. 經過打開 Internet Explorer 並輸入 Outlook Web App 登陸頁的 URL,測試所作更改。
若是已打開 Outlook Web App 登陸 URL,能夠經過刪除 Internet 臨時文件並刷新 Internet Explorer 來測試所作更改。爲此,單擊「工具」 ,而後單擊「Internet 選項」 。在「常規」 選項卡的「瀏覽歷史記錄」 下,單擊「刪除」 。 在「Internet 臨時文件」 下,單擊「刪除文件」 ,而後在系統詢問您是否確實要刪除全部 Internet Explorer 臨時文件時單擊「是」 。單擊「肯定」 關閉「Internet 選項」,而後按 F5 刷新登陸頁。
 
原文:http://technet.microsoft.com/zh-cn/library/bb684904.aspx
相關文章
相關標籤/搜索