Tela Dividida

UFOP - campus Ouro Preto

Tela Dividida

Os elementos da página de tela dividida combinam conteúdo e imagens visuais para dividir a tela ao meio. Você pode personalizar a ordem do conteúdo, a cor de fundo, bem como selecionar se deseja que sua tela dividida abranja toda a largura da página ou corresponda à largura do conteúdo padrão dentro da página.

Saguaro at sunset

Usar o elemento de tela dividida é uma boa maneira de adicionar variedade ao seu conteúdo, contar sua história e conduzir as ações desejadas.

CHAMADA PARA AÇÃO

Como Criar Uma Tela Dividida

Nota: Um administrador deve habilitar o módulo "Parágrafos de início rápido - Tela dividida" em seu site para que o elemento da página esteja disponível para uso.

  1. Crie uma página ou edite uma existente.
  2. Role até a parte inferior da página e selecione Adicionar tela dividida.
  3. Personalize a aparência e a cor da caixa de texto do elemento de página Tela dividida.
    • Largura total: Torna o elemento de página a largura da página, se marcado.
    • Ordem das imagens: Determine qual lado da tela você deseja que a imagem seja exibida.
    • Cor de fundo: Determine qual cor você deseja por trás do conteúdo textual da tela dividida.
  4. Insira mídia selecionando o botão cinza Adicionar mídia. A mídia é necessária para criar esse elemento.
  5. Adicione o texto desejado no campo Texto.
  6. Selecione Opções adicionais para qualquer personalização adicional.
    • Espaçamento inferior: selecione a quantidade de espaço desejada na parte inferior do elemento da página Texto na mídia antes que o próximo elemento seja exibido.
  7. Salve.

Dicas:

  • Qualquer elemento de largura total empurrará os menus da barra lateral para baixo abaixo do conteúdo. Se você quiser usar a opção de largura total em uma página que usa menus ou blocos da barra lateral, é melhor usá-la na parte superior da página.

Palavras-chave

Tela dividida, largura total
Exemplos de tela dividida