80+ Grid-elrendezések használata weboldal készítés közben

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.

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.

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.

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.

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.

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.

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.

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.

A rácselemek nagyon hasznosak az érzékeny módok felépítéséhez, mivel a kisebb képernyőkön a rácscellák automatikusan egymás alá helyezkednek. Ezenkívül számos elrendezésnél módosíthatja a rács cellasorrendjét az összes mobilnézeten. Válassza ki a Rács elemet, kapcsolja át a Reszponzív módot a felső sávon, és állítsa be a rácsot, ha szükséges. A legtöbb rács esetében nincs szükség beállításra.

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.