Come capovolgere il layout della griglia per cambiare l'aspetto del blocco

Se hai bisogno di creare layout fantasiosi per le tue immagini, forme e testi, puoi ridimensionare le celle della griglia con varie larghezze dando ai tuoi progetti un aspetto moderno.

Puoi modificare la spaziatura tra le celle della griglia in base ai tuoi requisiti di progettazione web. Per questo, puoi utilizzare la proprietà Cell Gap nel pannello delle proprietà. Seleziona una griglia, quindi vai al pannello delle proprietà, scorri verso il basso il pannello, trascina lo slider per modificare il gap.

Le Griglie consentono di organizzare vari contenuti, tra cui immagini, icone, forme e testo sotto forma di celle, molto comode da utilizzare. Nel nostro editor visivo, puoi spostare facilmente le celle in una griglia semplicemente trascinando una cella sull'altra, perfezionando il layout e il contenuto per il tuo web design. Inoltre, puoi fare clic sulle icone delle frecce sullo strumento contestuale della cella per spostare la cella.

Puoi modificare il layout della Griglia aggiunta in un Blocco in qualsiasi momento. Seleziona l'elemento griglia, quindi vai al pannello delle proprietà. Fare clic sulla freccia per aprire l'elenco delle preimpostazioni della griglia e selezionare il layout che si adatta meglio alla propria idea di web design. Puoi anche aggiungere e rimuovere le celle della griglia nell'editor.

Usa l'elemento griglia per rendere facilmente le modalità reattive. Negli schermi più piccoli, le celle della griglia si spostano automaticamente l'una sotto l'altra.

Una cella dell'elemento griglia può avere uno sfondo e puoi utilizzarne vari tipi. Puoi applicare il riempimento colore, il gradiente, l'immagine, il video o non avere alcuno sfondo. Seleziona una cella della griglia e vai al pannello delle proprietà. Scegli un tipo di sfondo più adatto al tuo web design.

Puoi facilmente modificare la larghezza della griglia da Boxed a Wide e viceversa. Seleziona una griglia, quindi vai al pannello delle proprietà. Individua l'icona Boxed/Wide vicino ai valori Larghezza e Altezza e modifica il layout Gird facendo clic sull'icona.

Gli elementi della griglia sono molto utili per creare modalità reattive, poiché negli schermi più piccoli le celle della griglia si spostano automaticamente l'una sotto l'altra. Inoltre, per molti layout, puoi modificare l'ordine delle celle della griglia su tutte le visualizzazioni mobili. Scegli l'elemento griglia, cambia la modalità reattiva sulla barra superiore, regola la griglia, se necessario. Per la maggior parte delle Griglie, non è necessario apportare modifiche.

La Slider Animation è una reazione molto popolare su Hover. Puoi aggiungere vari effetti per le celle della griglia, ad esempio Dissolvenza, Sovrapponi, Scorrimento, Capovolgi, Oscilla e Zoom. Seleziona una cella della griglia, quindi vai al pannello delle proprietà. Fai clic sul collegamento diapositiva al passaggio del mouse, quindi scegli l'effetto che desideri vedere al passaggio del mouse della cella della griglia.

Ottieni la più ampia varietà di layout di griglia per il tuo web design. Gli elementi della griglia ti aiutano a rendere automaticamente i tuoi progetti ottimizzati per i dispositivi mobili.