A rács használata reszponzív módokban

Használja a rácselemet a reagáló módok egyszerűvé tételéhez. A kisebb képernyőkön a rácscellák automatikusan egymás alá kerülnek.

Szerezze meg a legszélesebb körű Grid-elrendezést webdizájnjához. A Grid Elements segítségével automatikusan mobilbaráttá teheti terveit.

Könnyedén módosíthatja a rács szélességét dobozosról szélesre és fordítva. Válasszon ki egy rácsot, majd lépjen a Tulajdonság panelre. Keresse meg a Dobozos/Széles ikont a Szélesség és Magasság értékek mellett, és az ikonra kattintva módosítsa az Öv elrendezését.

A hozzáadott rács elrendezését bármikor blokkra módosíthatja. Válassza ki a Rács elemet, majd lépjen a Tulajdonság panelre. Kattintson a nyílra a Rács-előbeállítások listájának megnyitásához, és válassza ki azt az elrendezést, amely jobban megfelel az Ön webdesign-ötletének. A Szerkesztőben is hozzáadhat és eltávolíthat rácscellákat.

A rácsok lehetővé teszik a különféle tartalmak, köztük képek, ikonok, alakzatok és szövegek cellák formájában történő rendezését, amelyek kezelése nagyon kényelmes. Vizuális szerkesztőnkkel egyszerűen mozgathatja át a cellákat egy rácsban úgy, hogy egyszerűen áthúzza az egyik cellát a másikra, tökéletesítve az elrendezést és a tartalmat a webdizájnhoz. Ezenkívül a cella helyi eszközén lévő nyíl ikonokra kattintva mozgathatja a cellát.

A Slider Animation nagyon népszerű reakció a Hoveren. Különféle effektusokat adhat hozzá a rácscellákhoz, például eltüntetés, átfedés, csúsztatás, átfordítás, ingadozás és nagyítás. Válasszon ki egy rácscellát, majd lépjen a Tulajdonság panelre. Kattintson a Hover Slide linkre, majd válassza ki a rácscella lebegtetésén látni kívánt effektust.

A rácselem nagyon rugalmas. Az elrendezést a webdesign-ötlet követelményeihez igazíthatja. A blokkban elhelyezett rács megfordításához. Válassza ki ezt az elemet, majd lépjen a jobb oldali Tulajdonság panelre. Kattintson a Flip legördülő listára a Rács elrendezés mellett. A művelet végrehajtásához kattintson a Flip vagy Rotate gombra.

A rácselem cellájának lehet háttere, és különféle típusokat használhat. Alkalmazhatja a színkitöltést, a színátmenetet, a képet, a videót, vagy egyáltalán nincs háttér. Válasszon ki egy rácscellát, és lépjen a Tulajdonság panelre. Válassza ki a webdesignjához leginkább illő háttértípust.

Módosíthatja a rácscellák közötti távolságot a webdesign követelményei szerint. Ehhez használhatja a Cell Gap Property-t a Tulajdonságok panelen. Válasszon ki egy rácsot, majd lépjen a Tulajdonságok panelre, görgessen lefelé a panelen, és húzza a csúszkát a hézag módosításához.

Ha díszes elrendezéseket szeretne létrehozni képeihez, alakzataihoz és szövegeihez, átméretezheti a különböző szélességű rácscellákat, amelyek modern megjelenést kölcsönöznek a terveknek.