---
sourceDocument: Interface do usuário da Now Platform Yokohama
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/yokohama/platform-user-interface

 Release :

    - yokohama

ft:locale :

    - pt-BR

ft:publication_title :

    - Interface do usuário da Now Platform Yokohama

ft:clusterId :

    - platux

bundleId :

    - platux

workflow :

    - Platform


---

# Exemplos de como modificar o banner

# Exemplos de como modificar o banner {#ariaid-title1}

* Versão de lançamento: Yokohama
* 
* Atualizado 30 de jan. de 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 min. de leitura

Há várias maneiras de modificar o banner em suas instâncias.  
Nota:  
Em San Diegoem, configure comunicados de faixa em vez de atualizar glide.product.description. Para obter mais informações, consulte [Configurar Next Experienceanúncios de faixa](https://servicenow-prod.fluidtopics.net/3Gs4osTrQw3CHn_5qnujMw#config-next-experience-banners "Configure anúncios de faixa para comunicar informações importantes aos usuários enquanto eles estão em uma experiência.").

## 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\>
{#c_ExamplesOfHowToModifyTheBanner__ul_vmr_5ss_xp}

## Controle o título da janela

Uma vez que o título da janela é composto por glide.product.namee. glide.product.description, o item a seguir fornece controle total sobre a faixa e 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\>
{#c_ExamplesOfHowToModifyTheBanner__ul_sjb_sts_xp}

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 de algum texto \<a href="some_url"\>Clique aqui \</a\>\>
{#c_ExamplesOfHowToModifyTheBanner__ul_qd5_15s_xp}

## 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 seu logotipo da empresa.gif\>
* 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)
{#c_ExamplesOfHowToModifyTheBanner__ul_dkn_g5s_xp}

## Aplique uma imagem de fundo ao banner

Muitas vezes, as diretrizes corporativas exigem uma identidade visual mais detalhada do ServiceNowinterface. 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 de 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};}

Nota:  
A imagem da faixa e o texto da faixa associados à empresa primária ou a empresas específicas podem ser usados em vez de glide.product.imagee. glide.product.descriptionpara obter o mesmo efeito.
**Conceitos relacionados**   

* [Link do logotipo da faixa](https://servicenow-prod.fluidtopics.net/FvKi22skbKhcD5HXDO6RlA "As propriedades estão disponíveis para controlar o URL e o quadro de destino usados ao clicar no logotipo da faixa.")
* [Modifique a faixa](https://servicenow-prod.fluidtopics.net/WXtTgyHiM4UllXhWlCmF3A "O banner é exibido na parte superior da página e é renderizado usando determinadas propriedades do sistema.")  
**Tarefas relacionadas**   

* [Personalize o logotipo da faixa na IU principal](https://servicenow-prod.fluidtopics.net/iOLm~LDKv_34cIQbE5BU0w "Use o. glide.product.imagee. glide.product.descriptionpropriedades para alterar o logotipo e a descrição da faixa em IU principal.")
* [Personalize o favicon](https://servicenow-prod.fluidtopics.net/TENZ~LXpdbF37RYIznBuUw "Use o. glide.product.iconpropriedade para mudar o ícone que aparece nos favoritos e na barra de endereços do navegador.")