Adicionar um separador.

Aprender DXPR BuilderCriar páginasAdicionar conteúdosDados e movimento

Obtém uma linha horizontal simples que divide a sua página em secções claras. Utilize-a entre texto, imagens ou outros elementos quando uma página precisar de uma pausa visual.

Separador roxo centrado, com 6 px de espessura e 300 px de comprimento, entre o título Our services e o seu parágrafo

Adicionar um separador

Abra a sua página com sessão iniciada: os controlos do construtor aparecem quando paira o cursor sobre a área de conteúdo. Crie a sua primeira página mostra o essencial.

  1. Paire o cursor sobre a coluna e clique em + na barra de controlos, ou clique em Add Elements numa página vazia. Abra o separador Content e clique em Divider. O elemento é colocado no topo da coluna, sem diálogo. Arraste-o pela pega na barra de controlos para o mover.
  2. A linha é fina, por isso paire o cursor sobre a própria linha para mostrar a barra de controlos. Clique em More, escolha Settings e selecione uma Color.
  3. Em Thickness, escolha Custom thickness.
  4. Arraste o cursor de Thickness para definir a espessura da linha. Aqui usamos 6 px.
  5. Em Length, escolha Custom width.
  6. Arraste o cursor de Width para definir o comprimento da linha. Aqui usamos 300 px.
  7. Defina Align como Center.
  8. Clique em Save no diálogo. Depois clique em Save na barra de ferramentas no topo da área de conteúdo para guardar a página.

O que vê

Uma linha horizontal atravessa a coluna com a cor, a espessura e o comprimento que escolheu. No vídeo, tem 6 px de espessura, 300 px de comprimento e está centrada. Os visitantes veem-na depois de guardar a página e de esta ser publicada.

Configurar o separador

Paire o cursor sobre o elemento e abra More > Settings na barra de controlos. Opções:

  • Color: a cor da linha. Deixe vazio para usar a cor do tema.
  • Thickness: Theme default ou Custom thickness. A opção personalizada adiciona um cursor de Thickness de 0 a 20 px.
  • Length: Theme default ou Custom width. Mantenha Length em Theme default para uma linha de largura total. A opção personalizada adiciona um cursor de Width de 0 a 500 px.
  • Align: Left, Center ou Right. Só aparece com Custom width.

Se não o vir

  • O Divider não está no separador Content. O seu perfil de utilizador oculta-o. Peça a um administrador para assinalar Separator em Elements em User Profiles.
  • Desapareceu depois de recarregar. A página não foi guardada. Adicione-o novamente e clique em Save na barra de ferramentas no topo da área de conteúdo.
  • O separador está por cima do seu conteúdo. Os elementos novos são colocados no topo da coluna. Paire o cursor sobre a linha e arraste-a pela pega, ou abra More > Move Down.
  • A linha está invisível. A Color é igual ao fundo da página. Paire o cursor sobre o elemento e abra More > Settings, depois escolha uma cor de contraste.
  • A linha não ocupa toda a largura. Length está definido como Custom width. Paire o cursor sobre o elemento e abra More > Settings, depois reponha Length em Theme default.

E a seguir?

Separador Style para alterar o espaçamento à volta do seu separador.