Berlin - Páginas, secciones y popups | Sección

Última modificación:

Las secciones son separaciones gráfica que podemos añadir en las páginas. A estas secciones podremos aplicarles colores e imágenes de fondo que nos permitan crear, por ejemplo, separaciones gráficas a lo largo de la página.

Estas secciones son esenciales ya que todos los componentes se añaden en su interior. Además, una página debe tener, al menos, una sección.

Añadir nuevas secciones

Para añadir una sección, basta con seleccionar la página, acceder a la pestaña "Añadir contenido" y pulsar "Sección".

Otra forma de añadirlo es seleccionar otra sección ya existente, acceder a la pestaña "Añadir contenido", situarnos en "Insertar después" y pulsar "Sección".

Configurar una sección

Para configurar una sección, la seleccionamos y accedemos a la pestaña "Propiedades".


PROPIEDAD

DESCRIPCIÓN
Mostrar título

Nos permite mostrar u ocultar un título para la sección. Este título queda pegado a su zona superior.

Si no lo queremos, podremos utilizar otro tipo de títulos, como el título de pantalla (Ver aquí) o un simple texto editado.

Mostrar en menúPor defecto, las secciones de una página no se muestran dentro del menú principal. Si se desea que se vean en él, se marcará esta propiedad con un "Sí". 
Título en menúSi se decide mostrar la sección en el menú principal, deberá indicarse cuál es su título.

Color primario de columna


Podemos personalizar el color de fondo de la columna central de la pantalla (la zona en la que se colocan los contenidos -textos, imágenes, etc...-)
Color secundario de columnaEl color secundario se utiliza en combinación con la propiedad "Tipo de fondo de columna".
Color de fondo de pantalla

Color de fondo de la sección, se visualizará en los laterales de la columna central de contenido.

Tipo de fondo de columna

Propiedad que permiten cambiar estilo de fondo de la columna central (se usa en combinación con los colores primario y secundario de la pantalla.

  1. Sólido. Aplica el color definido en “Color primario de pantalla”.
  2. Lineal. Aplica los dos colores, el "Color primario de pantalla" y el "Color secundario de pantalla". creando un degradado de un color a otro.
  3. Bicolor. Aplica los dos colores en bloque, uno encima de otro. Con la propiedad "Control del degradado (porcentaje)"definimos el espacio que ocupará el "Color primario de pantalla" (p. ej. 50 es mitad y mitad; 90 aplicar el 90% para color primario y un 10% del color secundario)

Degradado de color (porcentaje)Se utiliza en combinación con "Tipo de fondo de columna", si se aplica la opción "Bicolor". Permite definir qué porcentaje ocupará el color primario.
Imagen de fondo de pantalla
Permita añadir una imagen de fondo para la sección.
Tipo de fondo

Esta opción está relacionada con "Imagen de fondo de pantalla". Nos va a permitir:

  • Repetir fondo. La imagen de fondo que utilicemos mantendrá su tamaño original y se repetirá tantas veces como sea necesario para cubrir el espacio disponible. Resulta útil para aplicar tramas y patrones.
  • No repetir fondo. La imagen que utilicemos de fondo se reescalará hasta ocupar todo el espacio disponible. Con esta configuración, se recomienda utilizar una imagen de gran tamaño y buena resolución.
Ancho

Permite decidir el ancho de la columna central, seleccionando entre distintos parámetros:

  • XS tiene un tamaño máximo de 480px
  • S tiene un tamaño máximo de 640px
  • M tiene un tamaño máximo de 740px (tamaño por defecto)
  • L tiene un tamaño máximo de 980px
  • XL tiene un tamaño máximo de 1024px
  • XXL tiene un tamaño máximo de 1280px
  • XXXL tiene un tamaño máximo de 1920px
  • Full: ocupa todo el ancho de la pantalla



¿Le resulta útil este artículo?
© 2021 Netex Knowledge Factory. Todos los derechos reservados. Aviso Legal | Política de Privacidad | Política de Cookies.