Introdução

O elemento Separador é uma ferramenta essencial para organizar e estruturar sua página na Rockty. Ele permite separar seções, linhas e elementos, melhorando a legibilidade e o design da sua página. Neste tutorial, vamos mostrar como adicionar, configurar e personalizar o Separador para atender às suas necessidades.

1. Como Adicionar o Elemento Separador

Para adicionar um elemento Separador à sua página na Rockty, siga estes passos:

• Adicione um novo elemento em sua página.

• Selecione o elemento Separador na lista de opções disponíveis no menu lateral esquerdo.

💡 Dica: Caso precise de mais detalhes sobre como adicionar elementos, confira nosso tutorial Gerenciando Elementos na Rockty: Adicionar, Excluir e Personalizar para orientações iniciais.

2. Como Acessar as Configurações do Elemento

Para acessar as configurações do elemento Separador, clique no ícone de engrenagem do elemento ou clique com o botão direito do mouse sobre ele para abrir o menu de opções. Isso disponibilizará todas as possibilidades de configuração que veremos a seguir.

3. Configurações do Elemento Separador

O Separador pode ser personalizado através de três abas de configuração: Ajustes, Estilo e Avançado. Veja abaixo as opções disponíveis em cada uma delas:

🛠 Ajustes

• Posição: Defina onde o separador será exibido (esquerda, centralizado ou direita).

• Estilo: Escolha o tipo de linha do separador: sólido, tracejado ou pontilhado.

• Largura: Ajuste a largura do separador usando a barra de controle ou inserindo valores manualmente na caixa.

  

🎨 Estilo

• Cor: Personalize a cor do separador utilizando a paleta de cores ou inserindo o código HEX da cor desejada. Pare remover uma cor, clique no ícone de lixeira.

• Peso: Ajuste a espessura do separador usando a barra de controle ou inserindo valores manualmente.

• Espaçamento: Configure o espaçamento acima e abaixo do separador, definindo a distância entre ele e outros elementos da página.

  

🔧 Avançado

• CSS Classes: Personalize ainda mais o Separador aplicando CSS personalizado. Insira um nome para o CSS e utilize o elemento Script para referenciar e aplicar o código CSS. Para mais detalhes, consulte nosso tutorial sobre configuração CSS Classes.

  

💡 Dicas de Uso

✔ Use o Separador para dividir conteúdo e melhorar a organização visual da sua página.
✔ Experimente diferentes cores e estilos para harmonizar o design do seu site.
✔ Ajuste a largura e peso para criar separadores mais sutis ou marcantes conforme a necessidade.
✔ Utilize espaçamentos adequados para que o separador não fique muito próximo de outros elementos.

Conclusão

O Separador é um elemento simples, mas poderoso, que pode fazer toda a diferença na organização da sua página. Com as opções de personalização da Rockty, você pode adaptá-lo à identidade visual do seu site, garantindo uma experiência mais fluida e profissional para os visitantes.

Precisa de Ajuda?

Se tiver dúvidas ou precisar de suporte adicional, nossa equipe de suporte está à disposição para ajudar você!