Exemplos de como modificar o banner
Há várias maneiras de modificar o banner em suas instâncias.
Rotule várias instâncias de forma diferente
- Em todas as instâncias, saia glide.product.description<blank>
- Na instância do PROD, defina glide.product.namePara <My Company>
- Na instância DE DESENVOLVIMENTO, defina glide.product.namePara Minha empresa - DEV>
Controle o título da janela
- glide.product.name "Título da janela que você deseja"
- glide.product.name.style definido como <display: none>
- glide.product.description definido como <blank>
O registro da empresa Imagem da faixa e. Texto da faixa são usados para definir a imagem e o texto da faixa, já que o texto da faixa da empresa não é usado no título da janela.
Use HTML no texto da faixa
- glide.product.name Definido como <My Company>
- glide.product.name.style definido como <display: none>
- glide.product.description Definido como menos texto <a href="some_url">Clique aqui </a>>
Posicione o texto da faixa sobre a imagem da faixa
- glide.product.name Definido como <My Company>
- glide.product.name.style definido como <display: none>
- glide.product.image defina como logotipo.gif da sua empresa
- glide.product.description Definido como "algum texto para a descrição"
- glide.product.description.style "position:absolute; top:5px; left:100px>" (os valores de posição podem variar com base nas necessidades especificadas)
Aplique uma imagem de fundo ao banner
Muitas vezes, as diretrizes corporativas exigem uma identidade visual mais detalhada do ServiceNow interface. Usando a técnica de ladrilhos, você pode modificar a imagem do logotipo para ter um fundo transparente, para que você possa aplicar outra imagem ao banner abaixo do logotipo.
Carregue uma imagem no gerenciador de imagens e crie uma nova propriedade chamada css.banner.background.image, para que você possa chamar a imagem. O valor deve ter esta aparência.
css.banner.background.image url do valor('./images/MasterBG.jpgx')
Escreva regras CSS que aplicam esta mudança
/** 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};}