Hur man använder rutnätet i responsiva lägen

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

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.

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.

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.

Grid Element är mycket flexibelt. Du kan anpassa dess layout för kraven på din webbdesignidé. Att vända rutnätet som du placerat i ett block. Välj detta element och gå sedan till egenskapspanelen till höger. Klicka på rullgardinsmenyn Vänd nära rutnätslayouten. Klicka på Vänd eller Rotera för att utföra operationen.

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.

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.

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

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.