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
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
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
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
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
Lista de enlaces
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.
Lista de enlaces
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.