배너를 수정하는 방법의 예
인스턴스의 배너를 수정하는 방법에는 여러 가지가 있습니다.
주:
San Diego 릴리스부터 를 업데이트하는 glide.product.description대신 배너 공지를 구성합니다. 자세한 내용은 배너 공지 구성 넥스트 경험 문서를 참조하십시오.
여러 인스턴스에 다르게 레이블 지정
- 모든 인스턴스에서 < 비워 둡니다 glide.product.description >
- 프로덕션 인스턴스에서 <내 회사>로 설정합니다 glide.product.name .
- DEV 인스턴스에서 <내 회사 - DEV>로 설정합니다 glide.product.name .
창 제목 제어
창 제목은 및 glide.product.description로 구성 glide.product.name 되므로 다음 중 하나를 통해 배너와 창 제목을 완벽하게 제어할 수 있습니다.
- glide.product.name 원하는 < 창 제목으로 설정합니다>
- glide.product.name.style <display: 없음으로 설정합니다>
- glide.product.description 공백<으로 설정>
회사 배너 텍스트는 창 제목에 사용되지 않으므로 배너 이미지와 텍스트를 설정하는 데 회사 기록 배너 이미지와 배너 텍스트 가 사용됩니다.
배너 텍스트에 HTML 사용
- glide.product.name <내 회사>로 설정
- glide.product.name.style <display: 없음으로 설정합니다>
- glide.product.description <일부 텍스트 <a href="some_url">여기를</a> 클릭하십시오>로 설정
배너 이미지 위에 배너 텍스트 배치
- glide.product.name <내 회사>로 설정
- glide.product.name.style <display: 없음으로 설정합니다>
- glide.product.image <회사 logo.gif>로 설정
- glide.product.description <설명에 대한 일부 텍스트>로 설정
- glide.product.description.style <position:absolute; 상단:5px; left:100px> (위치 값은 지정된 필요에 따라 다를 수 있음)
배너에 배경 이미지 적용
종종 회사 가이드라인은 인터페이스에 대한 보다 심층적인 브랜딩을 ServiceNow 요구합니다. 바둑판식 배열 기법을 사용하면 로고 이미지를 투명한 배경으로 수정하여 로고 아래에 있는 배너에 다른 이미지를 적용할 수 있습니다.
이미지 관리자에 이미지를 업로드한 다음, 이미지를 호출할 수 있도록 라는 새 css.banner.background.image속성을 만듭니다. 값은 다음과 같아야 합니다.
css.banner.background.image 값 url('./images/MasterBG.jpgx')
이 변경을 적용하는 CSS 규칙 작성
/** BACKGROUND - These properties allow you use to add a background tile to the header of the instance ***************************/
TD.bannerLeft,TD.bannerCenter,TD.bannerRight, TR#banner_row{background-color: ${banner.background.color};
background-image: ${banner.background.image};
background-position: ${banner.background.position};
background-repeat: ${banner.background.repeat};}주:
기본 회사 또는 특정 회사와 관련된 배너 이미지 및 배너 텍스트를 및 glide.product.description 속성 대신 glide.product.image 사용하여 동일한 효과를 얻을 수 있습니다.