Outlook Web Access에 대한 테마를 만드는 방법

 

적용 대상: Exchange Server 2007 SP3, Exchange Server 2007 SP2, Exchange Server 2007 SP1, Exchange Server 2007

마지막으로 수정된 항목: 2007-09-12

이 항목에서는 Microsoft Office Outlook Web Access의 사용자 지정 테마를 만드는 방법에 대해 설명합니다. 테마는 Outlook Web Access의 모양을 제어하는 파일 및 스타일시트의 모음입니다. 기본적으로 Microsoft Exchange Server 2007이 실행 중인 컴퓨터에 클라이언트 액세스 서버 역할을 설치할 때 두 개의 테마가 설치됩니다. 이 두 테마는 시애틀 스카이와 카본 블랙입니다.

사용자 지정 테마는 Outlook Web Access Premium에서만 지원되며 Outlook Web Access Light에서는 만들 수 없습니다.

Exchange 2007 SP1의 새로운 기능

Outlook Web Access는 Exchange Server 2007 SP1(서비스 팩 1)에 추가 테마 두 개를 추가했습니다. 이 새 테마 두 개는 Xbox와 Zune입니다.

테마에 포함된 내용

테마는 미디어 파일과 CSS 스타일시트(.css 파일)의 모음입니다. 이러한 파일은 클라이언트 액세스 서버에 있는 설치 디렉터리의 \Client Access\OWA\버전\themes에 저장됩니다. 각 테마는 themes의 하위 디렉터리에 저장됩니다.

.css 파일은 색, 그라데이션 및 글꼴을 정의합니다. 이미지 파일(.gif 파일)은 아이콘 및 기타 그래픽 요소를 제공합니다. 아이콘을 편집해도 해당 아이콘 크기는 달라지지 않습니다. 다른 그래픽 요소의 크기를 변경한 경우 변경 내용을 테스트하여 요소가 적합한지 확인하십시오.

기본 테마(시애틀 스카이)는 \themes\base에 있습니다. base 폴더에는 테마를 정의하는 데 필요한 모든 파일이 포함되어 있습니다. 여기에는 색, 글꼴, 아이콘 및 그래픽이 들어 있습니다.

선택한 파일을 새 디렉터리로 복사하고 조직의 요구에 맞게 해당 파일을 수정하여 추가 테마를 만들 수 있습니다. Outlook Web Access 사용자 인터페이스에서 테마는 색 구성표라고 합니다. 사용자가 사용자 지정 테마를 선택하면 사용자 지정 테마 디렉터리의 요소가 먼저 사용되고 사용자 지정하지 않은 필수 요소는 기본 테마에서 가져옵니다. 예를 들어 머리글 그래픽만 새 테마로 복사한 후 수정하여 새 테마를 만들 경우 사용자가 해당 테마를 선택하면 머리글 그래픽은 새 테마에서, 나머지 테마 속성은 기본 테마에서 가져옵니다.

테마는 각 클라이언트 액세스 서버에 저장됩니다. 클라이언트 액세스 서버가 둘 이상일 때 모든 서버에서 사용자 지정 테마를 사용하려면 테마를 각 클라이언트 액세스 서버의 테마 디렉터리에 복사해야 합니다.

권장 사항

Outlook Web Access 테마의 많은 요소가 변경될 수 있습니다. Outlook Web Access에서 불안정 상태가 나타나지 않도록 하기 위해 머리글, 로그온 및 로그오프 페이지와 선택 및 강조 표시에 사용하는 색만 변경하여 시작할 것을 권장합니다.

보다 복잡한 변경을 수행하려면 .css 파일의 작동 방식을 먼저 이해해야 합니다. CSS 스타일시트를 충분히 이해한 후에 일단 일부 요소를 변경하고 변경 내용을 테스트하여 결과가 예상대로 나타나는지 확인하십시오.

다음 지침을 따르는 것이 가장 좋습니다.

  • 원본 파일의 편집을 시작하기 전에, 특히 \themes\base 디렉터리에서 파일을 편집할 때 항상 원본 파일의 백업 복사본을 만드십시오.

  • 폴더 \Client Access\OWA\버전\themes\base 또는 포함된 파일을 삭제하지 마십시오.

  • 해로울 수 있는 콘텐츠, 피싱 공격, 바이러스 및 차단되었거나 누락된 콘텐츠에 대해 경고하기 위해 메시지 위쪽에 나타나는 알림 표시줄을 변경하지 마십시오.

다음은 두 개의 알림 표시줄을 사용한 Outlook Web Access 일정 요청 그림입니다.

Outlook Web Access 알림 표시줄

Outlook Web Access 알림 표시줄

시작하기 전에

다음 절차를 수행하려면 Outlook Web Access를 호스팅하는 서버에 로그온해야 하고 사용하는 계정이 로컬 관리자 그룹 구성원 자격을 위임받아야 합니다.

테마 만들기

다음 절차는 Outlook Web Access의 사용자 지정 테마를 만들기 위한 일반적인 단계입니다. 구체적으로 Outlook Web Access 테마의 개별 요소를 변경하는 절차에 대해서는 다음 섹션에서 설명합니다.

새로운 Outlook Web Access 테마를 만들려면 다음을 수행합니다.

  1. Outlook Web Access를 호스팅하고 있는 클라이언트 액세스 서버에서 Windows 탐색기를 열고 Exchange 서버 설치 디렉터리를 찾습니다.

  2. \Client Access\OWA\<버전>\themes에서 새 폴더를 만듭니다.

  3. 기본 테마의 premium.css 및 owafonts.css 파일을 새 폴더로 복사합니다.

  4. 변경하려는 파일을 복사하여 기본 테마에서 새 테마를 만들어 새 폴더에 저장합니다.

  5. 새 테마 폴더의 파일을 수정하여 테마를 만듭니다.

  6. iisreset/noforce 명령을 사용하여 IIS(인터넷 정보 서비스)를 다시 시작합니다.

  7. Outlook Web Access에 로그온한 후 새 테마를 선택하여 새 테마를 테스트합니다.

사용자 지정 테마 명명

사용자 지정 테마의 이름은 두 가지 방법으로 지정할 수 있습니다. 첫 번째 방법은 새 테마를 만든 폴더에 원하는 테마 이름을 지정하는 것입니다. 예를 들어 사용자 지정 테마를 "Fourth Coffee"라고 명명하려면 새로 만든 테마가 포함되어 있는 폴더를 Fourth Coffee라고 명명합니다.

또한 기본 테마의 themeinfo.xml 파일을 사용자 지정 테마가 포함되어 있는 폴더로 복사한 다음 편집하는 방법으로 사용자 지정 테마를 명명할 수도 있습니다. 메모장과 같은 텍스트 편집기로 themeinfo.xml 파일을 편집하여 테마 표시 이름을 원하는 테마 이름으로 변경할 수 있습니다.

themeinfo.xml 파일을 편집하여 사용자 지정 테마를 명명하려면 다음을 수행합니다.

  1. 기본 테마 폴더의 themeinfo.xml 파일을 사용자 지정 테마를 만든 폴더에 복사합니다.

  2. 사용자 지정 테마 폴더 내 themeinfo.xml 복사본을 엽니다.

  3. 테마 표시 이름 값을 찾아 원하는 테마 이름으로 변경합니다.

    예: 테마를 Fourth Coffee라고 명명하려면 파일에 theme displayname = "Fourth Coffee"로 표시되어 있어야 합니다.

  4. 변경 내용을 저장한 다음 themeinfo.xml을 닫습니다.

참고

테마 이름을 변경한 다음 IIS를 중지하고 다시 시작해야 변경 내용이 반영됩니다. IIS를 다시 시작하려면 명령 프롬프트 창을 열어 iisreset/noforce 명령을 실행합니다.

사용자 지정 헤더 만들기

기본 Outlook Web Access 페이지의 헤더를 사용자 지정할 수 있습니다. Outlook Web Access의 헤더를 변경하려면 다음과 같은 파일이 있어야 합니다.

  • premium.css

  • owafonts.css

  • logopt.gif

  • logopb.gif

  • nbbkg.gif

Premium.css 및 owafonts.css는 Outlook Web Access에서 사용되는 글꼴과 색을 정의합니다. Logopt.gif, logopb.gif 및 nbbkg.gif는 Outlook Web Access의 페이지 상단에 헤더를 만드는 데 사용되는 이미지 파일입니다.

이미지 편집 도구에서 .gif 파일을 열어 Outlook Web Access에서 헤더가 어떤 모양으로 만들어지는 확인합니다.

다음은 시애틀 스카이 Outlook Web Access 테마의 헤더를 만드는 데 사용되는 원본 파일의 그림입니다.

Outlook Web Access 헤더 파일

Outlook Web Access 헤더 파일 사용자 지정 헤더를 만들려면 다음을 수행합니다.

  1. 기본 테마 폴더의 premium.css, owafonts.css, logopt.gif, logopb.gif 및 nbbkg.gif 파일을 사용자 지정 테마 폴더에 복사합니다.

  2. 메모장과 같은 텍스트 편집기를 사용하여 사용자 지정 테마 폴더의 premium.css를 엽니다.

  3. 헤더에서 "Microsoft Exchange에 연결됨"을 제거하려면 "background:url("logopb.gif") no-repeat;"를 찾아 display:none;을 그 바로 다음에 추가합니다.

  4. 로고를 변경하려면 이미지 편집 도구에서 logopt.gif를 열어 편집합니다.

  5. logopt.gif의 배경색을 변경하는 경우 이미지 편집 도구를 사용하여 logopb.gif와 nbbkg.gif도 같은 배경색을 갖도록 편집합니다.

  6. 파일을 편집한 후 변경 내용을 저장합니다.

  7. 사용자 지정 테마에 대한 변경 내용을 테스트하려면 Outlook Web Access에 로그온하여 옵션, 일반 설정을 차례로 클릭한 다음 모양 메뉴에서 사용자 지정 테마를 선택합니다. 변경 내용을 저장한 다음 Internet Explorer의 새로 고침을 클릭해야 새 테마를 볼 수 있습니다.

테마 색 변경

테마의 색을 변경하려면 프리미엄 스타일시트(premium.css)에서 해당 값을 찾은 다음 원하는 색의 HTML RGB 값으로 결정합니다. HTML RGB 색 값은 숫자 기호(#) 다음에 여섯 개의 문자가 뒤따르는 형식의 일곱 문자로 정의됩니다. 여러 가지 색의 HTML RGB 값을 찾으려면 MSDN Library의 색상표를 참조하십시오. 특정 색을 사용해야 하는데 온라인에 해당 색이 없는 경우에는 이미지 편집 도구를 사용하여 색을 샘플링하고 해당 HTML RGB 값을 결정합니다.

탐색 모음에서 선택된 모듈을 강조하는 색을 변경하려면 다음을 수행합니다.

  1. 메모장 등의 텍스트 편집기를 사용하여 premium.css 파일을 엽니다.

  2. 파일에서 다음을 찾습니다.

    a.nbHiLt
    {
           background-color:#FFEFB2;
    }
    
  3. RGB 값을 원하는 색의 RGB 값으로 바꿉니다.

  4. 사용자 지정 테마에 대한 변경 내용을 테스트하려면 Outlook Web Access에 로그온하여 옵션, 일반 설정을 차례로 클릭한 다음 모양 메뉴에서 사용자 지정 테마를 선택합니다. 변경 내용을 저장한 다음 새로 고침을 클릭해야 새 테마를 볼 수 있습니다. Outlook Web Access 세션이 이미 활성화되어 있는 경우 F5 키를 눌러 변경 내용이 표시되도록 페이지를 새로 고칩니다.

다음은 메일 모듈이 선택되어 있는 Outlook Web Access 탐색 모음의 한 부분을 나타낸 그림입니다.

메일 모듈이 선택되어 있는 탐색 창

강조 표시된 모듈 기본 및 보조 목록 선택 색을 변경하려면 다음을 수행합니다.

  1. 메모장 등의 텍스트 편집기를 사용하여 premium.css 파일을 엽니다.

  2. 기본 선택 색을 변경하려면 다음을 찾습니다.

    tr.sel, tr.srsel, tr.lrsel
    {
          background-color: #FFEFB2;
    
  3. 보조 선택 색을 변경하려면 다음을 찾습니다.

    tr.shdw, tr.srshdw, tr.lrshdw
    {
          background-color:#F8F0D2;
    
  4. 기본 및 보조 선택 색의 RGB 값을 원하는 색의 RGB 값으로 바꿉니다.

  5. 사용자 지정 테마를 테스트하려면 Outlook Web Access에 로그온하여 옵션, 일반 설정을 차례로 클릭한 다음 모양 메뉴에서 사용자 지정 테마를 선택합니다. 변경 내용을 저장한 다음 새로 고침을 클릭해야 새 테마를 볼 수 있습니다. Outlook Web Access 세션이 이미 활성화되어 있는 경우 F5 키를 눌러 변경 내용이 표시되도록 페이지를 새로 고칩니다.

기본 선택 색은 포커스가 목록 창에 있을 경우 목록 창에서 선택된 항목을 강조하는 데 사용됩니다. 그런 다음 미리 보기 창이나 탐색 창으로 포커스를 이동하면 목록 창의 선택된 항목은 보조 선택 색으로 강조 표시됩니다. 다음은 Outlook Web Access의 기본 및 보조 선택 색이 어떻게 다른지 나타낸 그림입니다.

Outlook Web Access의 기본 및 보조 선택 색

기본 강조색과 보조 강조색

참고

이전 절차에서 사용된 방법으로 다른 테마 요소의 RGB 값을 변경할 수 있습니다.

목록 보기의 배경 변경

탐색 창에서 메일, 연락처, 작업 또는 공용 폴더를 선택하면 모듈에서 사용할 수 있는 폴더 항목에 대한 목록이 Outlook Web Access에 표시됩니다.

premium.css에서 설정을 수정하여 목록 보기에 배경을 추가할 수 있습니다.

Outlook Web Access에서 목록 보기의 배경을 변경하려면 다음을 수행합니다.

  1. .gif 형식으로 된 이미지를 찾거나 만듭니다.

  2. 이미지 파일을 사용자 지정 테마 폴더에 복사합니다.

  3. 메모장 등의 텍스트 편집기를 사용하여 premium.css 파일을 엽니다.

  4. 다음을 찾아 배경 이미지를 변경합니다.

    div#divLstV{width:100%;height:100%;}
    
  5. 문자열을 다음과 같이 편집합니다.

    div#divLstV{background-image: url(image file name);width:100%;height:100%;}
    
  6. 새 이미지가 올바로 표시되도록 다음을 찾아 배경 투명도를 변경합니다.

    td#tdIL{background-color: #FFFFFF;height:100%;vertical-align:top;}
    
  7. 배경색 값을 transparent 값으로 바꿉니다.

    td#tdIL{background-color:transparent;height:100%;vertical-align:top;}
    
  8. 사용자 지정 테마를 테스트하려면 Outlook Web Access에 로그온하여 옵션, 일반 설정을 차례로 클릭한 다음 모양 메뉴에서 사용자 지정 테마를 선택합니다. 변경 내용을 저장한 다음 새로 고침을 클릭해야 새 테마를 볼 수 있습니다. Outlook Web Access 세션이 이미 활성화되어 있는 경우 F5 키를 눌러 변경 내용이 표시되도록 페이지를 새로 고칩니다.

기본 Outlook Web Access 테마 변경

Set-OwaVirtualDirectory cmdlet를 사용하여 기본 테마에 있는 가상 디렉터리에 대한 기본 Outlook Web Access 테마를 사용자 지정 테마로 변경할 수 있습니다. Set-OwaVirtualDirectory cmdlet를 사용하여 Outlook Web Access에서 테마 선택 옵션을 사용할 수 없도록 설정할 수도 있습니다. Outlook Web Access 가상 디렉터리가 여러 개인 경우에는 다음 절차를 사용하여 각 가상 디렉터리의 기본 테마를 설정할 수 있습니다.

기본 테마를 설정할 때 이전에 Outlook Web Access에 로그온한 적이 없으며 새 테마를 선택한 사용자만 기본 테마를 사용하도록 적용됩니다.

모든 사용자가 기본 테마를 사용하도록 하려면 새로운 기본 테마 설정 이외에 테마 선택을 사용할 수 없도록 설정해야 합니다.

Exchange 관리 셸을 사용하여 Outlook Web Access의 기본 테마를 설정하려면 다음을 수행합니다.

  • 서버 이름이 "FourthCoffee", 가상 디렉터리 이름이 "owa", 웹 사이트 이름이 "Default Web site"이며 테마가 "Custom" 폴더에 들어 있는 Outlook Web Access용 기본 테마를 설정하려면 다음 명령을 실행하십시오.

    set-owavirtualdirectory -identity "fourthcoffee\owa (default web site)" -defaulttheme Custom
    

Exchange 관리 셸을 사용하여 Outlook Web Access에서 테마 선택을 사용할 수 없도록 설정하려면 다음을 수행합니다.

  • 서버 이름이 "FourthCoffee", 가상 디렉터리 이름이 "owa", 웹 사이트 이름이 "Default Web site"인 Outlook Web Access에서 테마 선택을 사용할 수 없도록 설정하려면 다음 명령을 실행합니다.

    set-owavirtualdirectory -identity "fourthcoffee\owa (default web site)" -themeselectionenabled $false
    

다음 명령을 실행하여 두 명령을 동시에 완료할 수도 있습니다.

set-owavirtualdirectory -identity "fourthcoffee\owa (default web site)" -defaulttheme Custom -themeselectionenabled $false

로그온 및 로그오프 페이지 사용자 지정

Outlook Web Access 로그온, 언어 선택 및 로그오프 페이지는 항상 기본 테마 폴더의 그래픽 파일과 logon.css 파일을 기반으로 만들어집니다. 따라서 사용자 지정 로그온 및 로그오프 페이지를 사용하려면 기본 테마 폴더의 해당 파일을 수정해야 합니다. Exchange 설치 디렉터리의 \Client Access\OWA\버전\themes\base에서 기본 테마 폴더를 찾을 수 있습니다.

로그온, 언어 선택 및 로그오프 페이지는 logon.css 파일을 사용하여 텍스트 스타일과 색을 정의합니다. 페이지는 테두리 위쪽, 아래쪽 및 양 측면 이미지를 결합하여 만들어지며 페이지 확장을 위한 반복 이미지와 모서리도 포함됩니다. 로그온 페이지를 만드는 파일은 다음과 같습니다.

  • logon.css

  • lgnbotl.gif

  • lgnbotm.gif

  • lgnbotr.gif

  • lgnexlogo.gif

  • lgnleft.gif

  • lgnright.gif

  • lgntopl.gif

  • lgntopm.gif

  • lgntopr.gif

새 화면을 만드는 가장 편리한 방법은 단색을 사용하는 것입니다. 왜냐하면 같은 이미지 모음이 로그온 페이지, 로그오프 페이지 및 사서함에 처음 로그온할 때 표시되는 언어 선택 페이지에 모두 사용되기 때문입니다. 페이지는 해당 페이지의 콘텐츠를 기준으로 가로 및 세로 방향으로 크기를 조절할 수 있습니다.

여러 개의 클라이언트 액세스 서버가 있을 때 이들 모두에 동일한 로그온 및 로그오프 페이지를 사용하도록 설정하려면 수정한 로그온 및 로그오프 파일을 각 클라이언트 액세스 서버에 복사합니다.

경고

사용자 지정 로그온 및 로그오프 페이지를 만들려면 기본 테마의 파일을 변경해야 하므로 사용자 지정 로그온 및 로그오프 페이지 작성을 시작하기 전에 변경할 모든 파일의 복사본을 백업합니다.

다음 그림에서는 사용자가 설명 표시를 클릭하고 개인 컴퓨터입니다.Outlook Web Access Light 사용을 선택했을 때 표시되는 기본 Outlook Web Access 로그온 페이지를 보여줍니다. 첫 번째 그림은 이 페이지를 만드는 여러 그래픽 파일이 어떻게 구성되어 있는지 보여주며 두 번째 그림은 logon.css 파일에 의해 결정되는 로그온 페이지의 배경색과 텍스트를 보여줍니다.

사용자 지정 그래픽 파일이 표시되는 Outlook Web Access 로그온 페이지

기본 로그온 페이지

텍스트 옵션이 표시되는 기본 Outlook Web Access 로그온 페이지

Outlook Web Access 로그온 페이지 텍스트 옵션

다음 그림에서는 기본 Outlook Web Access 로그오프 페이지를 보여줍니다. 첫 번째 그림은 이 페이지를 만드는 여러 그래픽 파일이 어떻게 구성되어 있는지 보여주며 두 번째 그림은 logon.css 파일에 의해 결정되는 로그오프 페이지의 배경색과 텍스트를 보여줍니다.

사용자 지정 그래픽 파일이 표시되는 Outlook Web Access 로그오프 페이지

기본 로그오프 페이지

텍스트 옵션이 표시되는 기본 Outlook Web Access 로그오프 페이지

텍스트 옵션이 있는 Outlook Web Access 로그오프 페이지

로그온 및 로그오프 페이지의 변경 내용 테스트

Internet Explorer에서 Outlook Web Access 로그온 또는 로그오프 페이지를 연 후에는 IIS를 다시 설정하거나 Internet Explorer를 종료하지 않고도 변경 내용을 테스트할 수 있습니다.

로그온 및 로그오프 페이지의 변경 내용을 테스트하려면 다음을 수행합니다.

  1. Internet Explorer에서 Outlook Web Access 로그온 또는 로그오프 페이지를 엽니다.

  2. 도구 모음에서 도구를 클릭한 다음 인터넷 옵션을 클릭합니다.

  3. 일반 탭에서 검색 기록 아래의 삭제를 클릭합니다.

  4. 임시 인터넷 파일 아래의 파일 삭제를 클릭한 다음 모든 임시 Internet Explorer 파일을 삭제할지 여부를 묻는 메시지에서 를 클릭합니다.

  5. 확인을 클릭하여 인터넷 옵션을 닫습니다.

  6. 새로 고침을 클릭하여 변경 내용을 확인합니다.

로그온 또는 로그오프 페이지 파일을 변경할 때마다 이러한 단계를 반복하여 변경 내용을 확인합니다. 몇 가지 사항만 변경하는 경우 로그온 또는 로그오프 페이지를 열어 놓은 상태로 단계를 반복하여 변경 내용을 확인할 수 있습니다.

로고 변경

Outlook Web Access를 사용자 지정하기 위해 로그온 및 로그오프 페이지의 Outlook Web Access 로고를 사용자 조직의 로고로 변경할 수 있습니다.

Outlook Web Access의 로고를 변경하려면 다음을 수행합니다.

  1. 변경할 파일의 복사본을 만든 다음 필요에 따라 원래 페이지를 복원할 수 있도록 안전한 위치에 저장합니다.

  2. 이미지 편집 도구를 사용하여 lgntopl.gif 파일을 연 다음 이를 수정하여 원하는 로고를 만듭니다.

  3. 변경 내용을 저장한 다음 새로 고침 단추를 클릭하여 변경 내용을 확인합니다.

    참고

    lgntopl.gif의 배경색을 변경한 경우에는 로그온 및 로그오프 페이지를 만드는 데 사용되는 나머지 파일에 대해서도 같은 색으로 수정하는 것이 좋습니다.

글꼴 스타일 및 색 변경

logon.css 파일을 편집하여 페이지를 구성하는 글꼴 스타일과 일부 색을 변경할 수 있습니다. 로그온 페이지와 언어 선택 페이지의 중심에 있는 컨트롤의 배경색도 변경할 수 있습니다. 이러한 페이지의 색을 변경한 경우에는 배경색도 맞춰 변경하는 것이 좋습니다.

로그온, 로그오프 및 언어 선택 페이지의 배경 및 글꼴 색을 변경하려면 로그온 스타일시트(logon.css)에서 해당 값을 찾은 다음 원하는 색의 HTML RGB 값으로 결정합니다. HTML RGB 색 값은 숫자 기호(#) 다음에 여섯 개의 문자가 뒤따르는 형식의 일곱 문자로 정의됩니다. 여러 가지 색의 HTML RGB 값을 찾으려면 MSDN Library의 색상표를 참조하십시오. 특정 색을 사용해야 하는데 온라인에 해당 색이 없는 경우에는 이미지 편집 도구를 사용하여 색을 샘플링하고 해당 HTML RGB 값을 결정합니다.

변경 내용을 테스트하려면 Internet Explorer를 열어 Outlook Web Access의 URL을 입력합니다. Outlook Web Access 가상 디렉터리를 호스팅하는 클라이언트 액세스 서버의 기본 웹 사이트에 대한 변경 내용을 테스트하려면 Internet Explorer를 열어 https://localhost/owa를 입력합니다.

참고

언어 선택 페이지는 사용자가 Outlook Web Access에 처음 로그온했을 때만 표시됩니다.

다음 표는 로그온 및 로그오프 페이지의 요소 목록과 각 요소에 대한 설명입니다.

로그온 및 로그오프 페이지 요소 및 설명

변경할 요소 검색할 문자열 설명

배경색

Background: #7F90b1

로그온 및 로그오프 페이지의 배경색입니다. 그래픽 파일의 배경색을 변경하는 경우 배경색도 이에 맞춰 변경해야 합니다.

경고 텍스트

wrng{color:#f8d328}

개인 컴퓨터입니다.를 선택할 때 표시되는 경고 텍스트의 색입니다. 기존 Outlook Web Access 로그온 페이지에서 이 경고 텍스트는 연한 노랑으로 파란색 배경에 잘 대비됩니다. 로그온 페이지의 배경색을 변경하는 경우 경고 텍스트를 잘 읽을 수 있도록 경고 텍스트 색을 변경할 수도 있습니다.

기본 텍스트 색

select, table {color:#ffffff;}

기본 텍스트 색은 흰색으로, Outlook Web Access 로그온 페이지의 입력 필드 및 선택 가능한 옵션을 나타냅니다. 사용자 이름 및 암호 필드의 레이블과 보안 옵션 옆의 텍스트 등도 해당됩니다. 로그온 페이지에 진한 색을 선택한 경우에는 이 흰색 텍스트도 잘 어울립니다.

설명 표시

a{color#ffe052;

로그온 페이지에서 개인 및 공용 로그온 설명을 표시하거나 숨기기 위해 클릭하는 링크입니다.

Outlook Web Access Light 설명

disBis{color:#c8d3e3;}

Outlook Web Access Light 사용을 선택하면 Outlook Web Access Light에 대한 간단한 설명이 표시됩니다.

Microsoft Exchange에 연결됨

;color:#fffff;

Microsoft Exchange에 연결됨이라는 문구는 로그온 및 로그오프 페이지의 왼쪽 하단에 표시됩니다. 이 값을 변경하면 이 문구의 텍스트 색이 변경됩니다.

구분선

#A9AAc4

logon.css를 사용하는 세 페이지 모두에는 페이지의 단락을 구분하는 가는 선이 있습니다. 로그온, 로그오프 및 언어 선택 페이지가 여기에 해당됩니다. 배경색 및 글꼴 색을 변경한 다음에도 이 선의 색이 잘 보이도록(하지만 텍스트보다 더 잘 보이지는 않도록) 변경할 수도 있습니다.

색을 변경할 요소를 결정하고 해당 요소에 대해 원하는 HTML RGB 색의 값을 확인한 후 다음 절차를 사용하여 .css 파일로 정의된 요소의 색을 변경합니다.

요소의 색을 변경하려면 다음을 수행합니다.

  1. logon.css를 엽니다.

  2. 이 항목의 앞부분에 있는 로그온 및 로그오프 페이지 요소의 표를 사용하여 변경하려는 요소에 해당하는 문자열을 찾습니다.

  3. 변경할 요소의 HTML RGB 색 값을 해당 요소에 사용하려는 새 HTML RGB 색 값으로 바꿉니다.

  4. 변경 내용을 저장하고 logon.css를 닫습니다.

  5. Internet Explorer를 열고 Outlook Web Access 로그온 페이지의 URL을 입력하여 변경 내용을 테스트합니다.

참고

이미 Outlook Web Access 로그온 URL이 열려 있으면 임시 인터넷 파일을 삭제하고 Internet Explorer를 새로 고쳐 변경 내용을 테스트할 수 있습니다. 이 작업을 수행하려면 도구를 클릭한 다음 인터넷 옵션을 클릭합니다. 일반 탭에서 검색 기록 아래의 삭제를 클릭합니다. 임시 인터넷 파일 아래의 파일 삭제를 클릭한 다음 모든 임시 Internet Explorer 파일을 삭제할지 여부를 묻는 메시지가 표시되면 를 클릭합니다. 확인을 클릭하여 인터넷 옵션을 닫은 다음 F5 키를 눌러 로그온 페이지를 새로 고칩니다.