---
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


---

# Configure layouts baseados em DIV

# Configure layouts baseados em DIV {#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

Depois de criar seu site, você pode mudar o layout do site com marcadores DIV.

## Antes de Iniciar

Função necessária: content_admin ou administrador

## Por Que e Quando Desempenhar Esta Tarefa

Muitos layouts de página da web usam tabelas para uma aparência consistente. As tabelas são eficazes para números e estatísticas, mas podem ser limitantes para projetar outros tipos de informações. Os marcadores DIV são marcadores de elemento de bloco flexíveis. Para usar marcadores DIV para layouts, forneça um ID ao marcador e atribua atributos usando CSS.  
A mudança para marcadores css e DIV ajuda das seguintes maneiras:

* código simplificado
* reduza a quantidade de código
* aumente a velocidade de carregamento da página
* separe o conteúdo da apresentação
* as páginas de ajuda se adaptam a diferentes resoluções de dispositivo
* facilite o rastreamento das páginas pelos mecanismos de pesquisa
* torne o código mais compatível com os padrões de design de página da web em evolução
{#t_ConfigureDivBasedLayouts__ul_uxp_snf_xt}

Um tema chamado Tema de administração - Carvão É incluído como um exemplo de layouts baseados em DIV e orientados por CSS. Para exibir o. Tema de administração - Carvão Layout baseado em DIV, conclua as etapas a seguir.

## Procedimento

1. Navegar até TudoGestão de conteúdoCriarLayouts.
2. Clique em Coluna do administrador 1
3. Revise o código.