Rács weboldal eleme

A Rács egy tárolóelem, amellyel weblap elemeket helyezhet el a cellákban. Javasoljuk a Rács elem használatát, mivel jó a reszponzív formatervezéshez, mivel a cellák automatikusan mozognak egymás alatt a kisebb képernyőkön.
Rács Rács weboldal eleme

Browse By Feature Categories

A rácscellák átméretezése

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.

Mozgassa a 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.

Grid Cell Gap

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.

Rács elrendezés módosítása

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.

Rács Dobozos és Széles

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.

Rács elrendezés Flip

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.

Rács cella háttér típusa

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.

Rács érzékeny módokban

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.

Lebeg a csúszka egy rácscellán

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.

80+ rács elrendezés

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.

Rács mobileszközökhöz

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.

Ingyenes sablonok a következővel: Rács

Kezdje a legjobb sablonokkal, amelyek kiválóak minden vállalkozás számára. Hozza létre és testreszabhatja őket erőteljes és ingyenes, kód nélküli webhely -készítőnk segítségével. Minden sablon mobilbarát, és bármilyen eszközön kiválóan néz ki.