Grid -webbplatselement
Flytta rutnätsceller
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.
Grid Cell Gap
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.
Ändra rutnätslayout
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.
Rutnät Boxed Och Bred
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.
Grid Layout Flip
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.
Rutnätscellsbakgrundstyp
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.
Rutnät i svarslägen
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.
Hover skjutreglaget På En Rutnätscell
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.
80+ rutnätslayouter
Få det bredaste utbudet av Grid-layouter för din webbdesign. Grid Elements hjälper dig att göra din design mobilanpassad automatiskt.
Grid för mobila enheter
Använd Grid-elementet för att enkelt göra responsiva lägen. På de mindre skärmarna flyttas rutnätscellerna automatiskt under varandra.
Gratis mallar med Rutnät
Kom igång med våra bästa mallar, perfekta för alla företag. Skapa och anpassa dem med vår kraftfulla och gratis webbplatsbyggare utan kod. Alla mallar är mobilvänliga och ser utmärkta ut på alla enheter.
