Documentación de SeedProd

Documentación, Materiales de Referencia y Tutoriales para SeedProd

Divisores de Forma

Los Divisores de Forma añaden efectos separadores decorativos a los bordes superior e inferior de las secciones y columnas de tu página. SeedProd incluye 18 estilos de forma para elegir, lo que te permite crear transiciones suaves e interés visual entre las secciones de la página sin necesidad de experiencia en diseño.

Ejemplos de divisores de forma aplicados a secciones en SeedProd

Añadir un Divisor de Forma

  1. Selecciona la sección o columna a la que deseas añadir un divisor de forma. Haz clic en el icono del engranaje (control de Configuración) al pasar el cursor sobre el borde del elemento, o selecciónalo en el panel Navegación de Diseño.
  2. En el panel de configuración, haz clic en la pestaña Avanzado y expande la sección Divisor de Forma.
  3. Selecciona la posición — Superior o Inferior — y luego elige un estilo de forma en el menú desplegable Tipo.
Configuración del Divisor de Forma en la pestaña Avanzado mostrando las opciones Tipo, Color, Ancho, Altura, Voltear y Traer al Frente

Opciones de Personalización

Una vez seleccionado un tipo de forma, las siguientes opciones estarán disponibles:

  • Color: Establece el color de relleno del divisor de forma.
  • Ancho: Ajusta la anchura que abarca la forma en la sección.
  • Altura: Controla la altura a la que aparece el divisor de forma.
  • Voltear: Refleja la forma horizontalmente para una orientación invertida.
  • Traer al Frente: Muestra el divisor de forma delante de todos los demás elementos dentro de la sección o columna.

Consejo: Puedes añadir un divisor de forma superior y otro inferior a la misma sección o columna configurando cada posición por separado.


Los divisores de forma son una forma sencilla de añadir un toque visual entre las secciones de tu página. Experimenta con diferentes formas, tamaños y colores para crear transiciones suaves que complementen tu diseño general.

Artículos Relacionados