배너를 수정하는 방법의 예시
인스턴스의 배너를 수정할 수 있는 여러 가지 방법이 있습니다.
주:
San Diego 릴리스부터 배너 공지를 업데이트glide.product.description하는 대신 구성합니다. 자세한 내용은 배너 공지 구성 Next Experience 문서를 참조하십시오.
여러 인스턴스에 서로 다른 레이블 지정
- 모든 경우에 glide.product.description <blank>
- 프로덕션 인스턴스에서 <내 회사>로 설정 glide.product.name
- DEV 인스턴스에서 <내 회사 - DEV>로 설정합니다 glide.product.name .
창 제목 제어
창 제목은 및 glide.product.description로 구성 glide.product.name 되므로 다음을 통해 배너와 창 제목을 완벽하게 제어할 수 있습니다.
- glide.product.name <원하는 창 제목"으로 설정합니다>
- glide.product.name.style <display: none"으로 설정합니다>
- glide.product.description <공백으로 설정>
회사 배너 텍스트는 창 제목에 사용되지 않으므로 회사 기록 배너 이미지 및 배너 텍스트 는 배너 이미지와 텍스트를 설정하는 데 사용됩니다.
배너 텍스트에 HTML 사용
- glide.product.name <내 회사>로 설정
- glide.product.name.style <display: none"으로 설정합니다>
- glide.product.description <일부 텍스트 <a href="some_url">는 여기를</a> 클릭하십시오>로 설정합니다.
배너 이미지 위에 배너 텍스트 배치
- glide.product.name <내 회사>로 설정
- glide.product.name.style <display: none"으로 설정합니다>
- 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};}주:
기본 회사 또는 특정 회사와 연결된 배너 이미지 및 배너 텍스트를 and glide.product.description 속성 대신 glide.product.image 사용하여 동일한 효과를 얻을 수 있습니다.