Hur man vänder på Grid Layout för att ändra blockets utseende

Slider Animation är en mycket populär reaktion på Hover. Du kan lägga till olika effekter för rutnätsceller, till exempel tona, överlägg, glida, vända, vingla och zooma. Välj en rutnätscell och gå sedan till egenskapspanelen. Klicka på länken Hover Slide och välj sedan den effekt du vill se på Grid Cells Hover.

Om du behöver skapa snygga layouter för dina bilder, former och texter, kan du ändra storlek på rutnätsceller med olika bredder som ger dina mönster ett modernt utseende.

Använd Grid-elementet för att enkelt göra responsiva lägen. På de mindre skärmarna flyttas rutnätscellerna automatiskt under varandra.

Grids tillåter att organisera olika innehåll, inklusive bilder, ikoner, former och text i form av celler, som är mycket bekväma att använda. I vår visuella redigerare kan du enkelt flytta celler i ett rutnät genom att helt enkelt dra en cell över en annan, vilket gör din layout och innehåll perfekt för din webbdesign. Dessutom kan du klicka på pilikonerna på cellens kontextverktyg för att flytta cellen.

Du kan enkelt ändra rutnätets bredd från Boxed till Wide och vice versa. Välj ett rutnät och gå sedan till egenskapspanelen. Leta reda på ikonen Boxed/Wide nära bredd- och höjdvärdena och ändra ramlayouten genom att klicka på den ikonen.

Få det bredaste utbudet av Grid-layouter för din webbdesign. Grid Elements hjälper dig att göra din design mobilanpassad automatiskt.

Du kan ändra avståndet mellan rutnätscellerna efter dina webbdesignkrav. För det kan du använda egenskapen Cell Gap i egenskapspanelen. Välj ett rutnät, gå sedan till egenskapspanelen, rulla ner panelen, dra skjutreglaget för att ändra mellanrummet.

Grid-elementen är mycket användbara för att bygga responsiva lägen, eftersom på de mindre skärmarna flyttar rutnätscellerna automatiskt under varandra. För många layouter kan du också ändra rutnätscellordningen på alla mobilvyer. Välj Grid-elementet, byt responsivt läge på den översta raden, justera ditt Grid om det behövs. För de flesta Grids behöver du inte göra justeringar.

En cell i rutnätselementet kan ha en bakgrund, och du kan använda olika typer för den. Du kan använda färgfyllning, övertoning, bild, video eller inte ha någon bakgrund alls. Välj en rutnätscell och gå till egenskapspanelen. Välj en bakgrundstyp som bäst passar din webbdesign.

Du kan ändra layouten för det tillagda rutnätet till ett block när som helst. Välj Grid Element och gå sedan till egenskapspanelen. Klicka på pilen för att öppna listan över rutnätsförinställningar och välj den layout som passar din webbdesignidé bättre. Du kan också lägga till och ta bort rutnätsceller i redigeraren.