배너를 수정하는 방법의 예
인스턴스의 배너를 수정할 수 있는 방법에는 여러 가지가 있습니다.
주:
릴리스부터 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 <표시: 없음>으로 설정
- glide.product.description <blank>로 설정
회사 기록 배너 이미지 와 배너 텍스트 는 회사 배너 텍스트가 창 제목에 사용되지 않기 때문에 배너 이미지와 텍스트를 설정하는 데 사용됩니다.
배너 텍스트에 HTML 사용
- glide.product.name <내 회사>로 설정
- glide.product.name.style <표시: 없음>으로 설정
- glide.product.description (으)로 설정<일부 텍스트 <a href="some_url">여기</a>를 클릭하십시오>
배너 이미지 위에 배너 텍스트를 배치합니다.
- glide.product.name <내 회사>로 설정
- glide.product.name.style <표시: 없음>으로 설정
- glide.product.image <회사 logo.gif>로 설정
- glide.product.description <설명에 대한 일부 텍스트>로 설정됨
- glide.product.description.style <position:absolute;로 설정합니다. 상단: 5px; 왼쪽: 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 사용할 수 있습니다.