Elemento de sitio web de cuadrícula

La cuadrícula es un elemento contenedor que puede utilizar para colocar elementos de página web en celdas. Recomendamos usar el elemento Grid, ya que es bueno para diseños receptivos, ya que las celdas se mueven una debajo de otra automáticamente en pantallas más pequeñas.
Red Elemento de sitio web de cuadrícula

Navegar por categorías de funciones

Cambiar el tamaño de las celdas de la cuadrícula

Si necesita crear diseños elegantes para sus imágenes, formas y textos, puede cambiar el tamaño de las celdas de cuadrícula con varios anchos para darle a sus diseños un aspecto moderno.

Mover celdas de cuadrícula

Las Cuadrículas permiten organizar varios contenidos, incluyendo imágenes, íconos, formas y texto en forma de celdas, que son muy convenientes de operar. En nuestro editor visual, puede mover fácilmente celdas en una cuadrícula simplemente arrastrando una celda sobre otra, perfeccionando su diseño y contenido para su diseño web. Además, puede hacer clic en los iconos de flecha en la herramienta de contexto de la celda para mover la celda.

Brecha de celda de cuadrícula

Puede cambiar el espacio entre las celdas de la cuadrícula según sus requisitos de diseño web. Para eso, puede usar la propiedad Cell Gap en el panel de propiedades. Seleccione una Cuadrícula, luego vaya al Panel de propiedades, desplácese hacia abajo en el Panel, arrastre el Control deslizante para modificar el Espacio.

Cambiar diseño de cuadrícula

Puede cambiar el diseño de la Cuadrícula agregada a un Bloque en cualquier momento. Seleccione el Elemento de cuadrícula, luego vaya al Panel de propiedades. Haga clic en la flecha para abrir la Lista de ajustes preestablecidos de cuadrícula y seleccione el diseño que mejor se adapte a su idea de diseño web. También puede agregar y eliminar celdas de cuadrícula en el Editor.

Rejilla en caja y ancha

Puede cambiar fácilmente el ancho de la cuadrícula de encuadrado a ancho y viceversa. Seleccione una Cuadrícula, luego vaya al Panel de propiedades. Ubique el ícono Boxed/Wide cerca de los valores de Width y Height, y cambie el diseño de viga haciendo clic en ese ícono.

Volteo de diseño de cuadrícula

El elemento Grid es muy flexible. Puede ajustar su diseño para los requisitos de su idea de diseño web. Para voltear la Cuadrícula que colocaste en un Bloque. Seleccione este Elemento, luego vaya al Panel de Propiedades a la derecha. Haga clic en la lista desplegable Voltear cerca del diseño de cuadrícula. Haga clic en Voltear o Rotar para realizar la operación.

Tipo de fondo de celda de cuadrícula

Una celda del elemento Grid puede tener un fondo, y puede usar varios tipos para él. Puede aplicar Relleno de color, Degradado, Imagen, Video o no tener ningún Fondo. Seleccione una celda de cuadrícula y vaya al Panel de propiedades. Elija un tipo de fondo que mejor se adapte a su diseño web.

Cuadrícula en modos receptivos

Los elementos de la cuadrícula son muy útiles para crear modos receptivos, ya que en las pantallas más pequeñas, las celdas de la cuadrícula se mueven automáticamente una debajo de la otra. Además, para muchos diseños, puede cambiar el orden de las celdas de la cuadrícula en todas las vistas móviles. Elija el elemento de cuadrícula, cambie el modo de respuesta en la barra superior, ajuste su cuadrícula, si es necesario. Para la mayoría de las cuadrículas, no es necesario realizar ajustes.

Pase el control deslizante en una celda de cuadrícula

Slider Animation es una reacción muy popular en Hover. Puede agregar varios efectos para las celdas de la cuadrícula, por ejemplo, Fundido, Superposición, Deslizar, Voltear, Tambalearse y Zoom. Seleccione una celda de cuadrícula, luego vaya al Panel de propiedades. Haga clic en el enlace de la diapositiva flotante y, a continuación, elija el efecto que desea ver en el cursor flotante de la celda de la cuadrícula.

Más de 80 diseños de cuadrícula

Obtenga la más amplia variedad de diseños de cuadrícula para su diseño web. Grid Elements te ayuda a hacer que tus diseños sean compatibles con dispositivos móviles de forma automática.

Red para dispositivos móviles

Use el elemento de cuadrícula para hacer que los modos de respuesta sean fáciles. En las pantallas más pequeñas, las celdas de la cuadrícula se mueven una debajo de otra automáticamente.

Plantillas gratuitas con Red

Comience con nuestras mejores plantillas, ideales para cualquier negocio. Créelos y personalícelos con nuestro potente y gratuito creador de sitios web sin código. Todas las plantillas son compatibles con dispositivos móviles y se ven excelentes en cualquier dispositivo.