외부 스타일 시트 추가

기본 스타일 시트를 재정의하여 서비스 센터의 모양을 변경할 수 있습니다.

서비스 센터의 기본 스타일 시트는 다음 URL에 있습니다.

https://<your.tenant.appliance>/service/css/normal.css

[구성] 탭의 [시스템] 섹션에서 고유한 스타일 시트를 지정하여 기본 스타일 시트의 요소를 일부 또는 전체 재정의할 수 있습니다. 기본 스타일 시트를 재정의하는 경우, 새 그래픽도 웹 서버에 추가해야 합니다.

예를 들어 배경 이미지 bannerBack.gif와 로고 이미지 logo.gif를 사용하여 서비스 센터 상단 배너와 로고의 배경색을 변경하려면 다음을 수행합니다.

1. 다음 컨텐츠를 사용하여 스타일 시트를 생성합니다.

       body{
   
       	background: url("../images/bannerBack.gif");
   
       	background-repeat: repeat-x;
           	font-family: arial, sans-serif;
   
       }
   
       #banner{
   
       	background: url("../images/logo.gif");
   
       	background-position: top left;
           	background-repeat: no-repeat; 
   
       }
   
   

2. 패브릭 웹 서버와 동일한 인증서를 사용하는 웹 서버에 스타일 시트와 두 개의 이미지를 배치합니다. 예를 들어 스타일 시트가 NewStyle.css인 경우, 스타일 시트 웹 서버에 있는 admin/NewStyle.css에 복사할 수 있습니다.

   시스템 구성 화면의 [외부 스타일 시트 URL] 필드에 다음 URL을 입력합니다.

   https://<your.web.server>/service/NewStyle.css

   새 스타일 시트가 새 배너 배경과 로고를 적용합니다.