Elemento del sito web della griglia

La griglia è un elemento contenitore che puoi utilizzare per posizionare gli elementi della pagina web nelle celle. Ti consigliamo di utilizzare l'elemento griglia, poiché è utile per i design reattivi, poiché le celle si spostano automaticamente una sotto l'altra su schermi più piccoli.
Griglia Elemento del sito web della griglia

Sfoglia per categorie di funzionalità

Ridimensiona le celle della griglia

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.

Sposta le celle della griglia

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.

Spazio tra le celle della griglia

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.

Modifica layout griglia

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.

Griglia Inscatolata E Ampia

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.

Capovolgi layout griglia

L'elemento griglia è molto flessibile. Puoi modificarne il layout in base ai requisiti della tua idea di web design. Per capovolgere la griglia che hai posizionato in un blocco. Seleziona questo elemento, quindi vai al pannello delle proprietà a destra. Fare clic sull'elenco a discesa Capovolgi vicino al layout griglia. Fare clic su Capovolgi o Ruota per eseguire l'operazione.

Tipo di sfondo della cella della griglia

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.

Griglia in modalità reattive

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.

Passa il cursore su una cella della griglia

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.

Oltre 80 layout di 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.

Griglia per dispositivi mobili

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.

Modelli gratuiti con Griglia

Inizia con i nostri migliori modelli, ideali per qualsiasi attività commerciale. Creali e personalizzali con il nostro generatore di siti Web potente e gratuito senza codice. Tutti i modelli sono ottimizzati per i dispositivi mobili e hanno un aspetto eccellente su qualsiasi dispositivo.