Contenedores multicolumnas

50:50 box

En una 50:50 box puede presentar dos elementos de contenido distintos que estén relacionados temáticamente, paralelamente uno al lado del otro.

Elementos que típicamente armonizan bien:

    • Lista de enlaces e imagen
    • Imagen y texto
    • Texto y galería de imágenes/vídeo

Contenedores multicolumnas- 50:50

© Fotolia/Name

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam

Columna de diseño de columna múltiple 2 - 50:50

© Fotolia/Name

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam

Box de 3 y 4 columnas

Tenga en cuenta lo siguiente a la hora de utilizar contenedores multicolumnas de 3 y 4 columnas:

  • Los contenidos son presentados de forma muy comprimida
  • Las imágenes parecen en parte demasiado pequeñas en el diseño completo
  • Revise la vista una y otra vez también en la vista móvil del smartphone
  • Asegúrese de que esté marcada la casilla "forzar misma altura para cada columna

Contenedor de múltiples columnas - 3 columnas

© Fotolia/Name

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam

© Fotolia/Name

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam

Contenedor de múltiples columnas - 4 columnas

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Formación de un contenedor multicolumnas

Contenedor de varias columnas

Cree al principio un nuevo elemento de contenido seleccionando el "contenedor de varias columnas".

Configuración I

En la pestaña "configuración" en diseños predefinidos, seleccione la "sección de 2 columnas" para que la 50:50 box quede correctamente.

Configuración II

Escoja aquí el color de fondo de sus dos columnas. Asegúrese de que se diferencien entre sí los colores a la derecha y a la izquierda. No olvide poner la marca en la parte inferior para conseguir que ambas columnas tengan forzosamente la misma altura.

50:50

Nachdem Sie die beiden Spalten konfiguriert haben, können Sie mit der Bearbeitung beginnen. 

50:50 box "lista de enlaces"

Aquí puede ver un ejemplo de una 50:50 box. En este caso se creó una lista de enlaces. Usted tiene además otras posibilidades, como por ejemplo "texto y medios".

50:50 box "texto y medios"

Aquí se presenta el ejemplo "texto y medios" en el BE.