Réteg panel: pozíció, méret és elrendezés

A Réteg panel alsó szakaszai azt állítják be, hogyan oszlik oszlopokra egy sor, hol áll és mekkora egy réteg, hogyan rendeződik a réteg és a gyermekrétegei a dián, és hogyan változik a pozíciója és a mérete az eszközméretek között. A rétegnek eszközméretenként (például Asztali gép, Notebook, Tablet) más pozíciója és mérete lehet. A szerkesztett eszközméretet a felső sáv eszközválasztójával választod. A tartalmi szakaszokat a Réteg panel: tartalom fejezet írja le.

A szakaszok a tartalmi szakaszok alatt állnak. Mindegyik csak a megfelelő rétegtípusnál látszik, ahogy a táblázatok jelzik.

https://minta-bolt.hu/wp-admin/admin.php?page=revslider&view=editor&module=1&slide=1

A képen a kijelölt réteg Pozíció és méret szakasza (szélesség, magasság, Min/Max szélesség és magasság), az Elrendezés viselkedése szakasz (Relatív/Abszolút, Blokk/Inline Block, HTML-címke) és az Átméretezés eszközök között szakasz kapcsolói látszanak.

Konténerstruktúra

A szakasz sor- (Row) vagy oszlopréteg (Column) kijelölésekor látszik. A sor oszlopokra bontását állítod benne.

Beállítás	Mit csinál
Oszlopszélességek	Minden oszlop szélessége törtként. Százalékot is beírhatsz, azt a szerkesztő törtté alakítja. Ha a törtek összege nem 1, megjelenik egy Auto Adjust (automatikus javítás) gomb, amely kijavítja.
Oszlop hozzáadása	A + gomb újabb oszlopot ad a sorhoz.
Oszlopelőbeállítások	Egy előbeállítás-képre kattintva a kép szerinti oszlopelrendezés jön létre.
Egységes közök	Be: az oszlopok között egyforma vízszintes közök jönnek létre, és megjelenik a Köz mező. Ki: nem jönnek létre közök, de térközt kézzel is adhatsz az oszloprétegek margó- vagy kitöltés-beállításával (Stílus → Térközök).
Köz	A közök szélessége képpontban, 0 és 500 között.
Összeomlás ennél	Melyik eszközméretnél essen a többoszlopos elrendezés egyetlen oszlopba: Laptop, Tablet, Mobil, vagy Nincs (soha).
Sor pozíciója	A sor függőleges igazítása: fent, középen, lent.

Pozíció és méret

A szakasz minden rétegnél látszik, kivéve a dia hátterét és az oszlopot. Bármilyen rétegtípus általános elrendezését állítod benne.

Beállítás	Mikor látszik	Mit csinál
Réteg határai	Ha a réteg nincs csoportban vagy oszlopban	Mihez viszonyuljon a réteg mérete és helye. Content Flow: az aktuális eszközméret tartalomfolyam-tárolójához, tehát a 100% szélesség a tartalomfolyam-tároló szélessége. Full Stage: a teljes színpadhoz, vagyis a modul szélességéhez, a 100% szélesség tehát a modul teljes szélessége.
Méretezési mód	Kép-, videó- vagy alakzatrétegnél, ha csoportban van	Egyéni: a méret teljesen egyéni. Beültetés (Inset): a réteg magától kitölti a szülő csoport területét, és megadhatók a beültetési margók.
Beültetési margók	Ha a méretezési mód Beültetés	A réteg külső széle és a csoport belseje közti térköz képpontban. Ha mindegyiket egyformára akarod állítani, módosítás előtt kapcsold be a lakat ikont.
X, Y	Ha az elrendezés viselkedése nem relatív pozíció, és a méretezési mód nem Beültetés	A vízszintes, illetve függőleges pozíció, -5000 és 5000 képpont között.
W, H	Ha a méretezési mód nem Beültetés	A szélesség és a magasság képpontban, százalékban, törtben vagy automatikusan (auto). A „W”, illetve „H” címke fölé víve megjelenő hárompontos gombbal előbeállítást választhatsz.
Képarány zárolása	Ha a méretezési mód nem Beültetés	Zárolva: a szélesség vagy a magasság módosításakor a másik arányosan változik. Feloldva: függetlenül módosulnak.
Réteg igazítása	Mint az X és Y	3×3-as rács: a rétegnek a szülő tárolóhoz viszonyított igazítása. Ha a kép például csoportban van, az igazítás a csoporthoz viszonyít.
Min/Max szélesség és magasság	Ha a méretezési mód nem Beültetés	Be: megjelennek a Min. szél., Max. szél. (képpont), valamint a Min. mag. és Max. mag. (képpont, százalék, tört vagy auto) mezők.

Tartalom viselkedése

A szakasz csoport- és oszlopréteg kijelölésekor látszik. A benne lévő gyermekrétegek igazítását és maszkolását állítod.

Beállítás	Mikor látszik	Mit csinál
Gyermekek vízszintes igazítása	Csoportnál és oszlopnál	A gyermekrétegek vízszintes igazítása a szülőhöz viszonyítva: balra, középre, jobbra, sorkizárt (a gyakorlatban gyakran megegyezik a balra igazítással). Csoportban csak azokat a gyermekrétegeket érinti, amelyeknél a Pozíció relatív, a Megjelenítés pedig soron belüli blokk.
Gyermekek függőleges igazítása	Csak oszlopnál	A gyermekrétegek függőleges igazítása: fent, középen, lent.
Maszk kényszerítése	Csak csoportnál	Be: a szülő csoport területe mindig maszkként vág a gyermekrétegeken. Ki: a gyermekrétegeket nem feltétlenül vágja el.

Elrendezés viselkedése

A szakasz akkor látszik, ha a kijelölt réteg csoportban vagy oszlopban áll. A csoportban vagy oszlopban álló rétegek elrendezését vezérli.

Beállítás	Mikor látszik	Mit csinál
Pozíció	Mindig	A CSS position viselkedése. Relatív: a réteg és a többi relatív pozíciójú testvére magától úgy rendeződik, hogy ne fedjék egymást, és elérhetővé válik a Float és a Clear. Abszolút: az elrendezést teljesen a Pozíció és méret szakasz beállításai szabályozzák.
Megjelenítés	Szöveg-, kép-, hang-, videó- és alakzatrétegnél	A CSS display viselkedése. Blokk: a réteg bekezdésként viselkedik, a teljes szabad szélességet elfoglalja, igazítását a szülőréteg nem szabályozhatja. Soron belüli blokk: a réteg szövegsorként viselkedik, csak a szükséges szélességet foglalja el (így mellette testvérrétegek is elférnek), és igazítását a szülő szabályozhatja.
Sortörés utána	Ha a megjelenítés soron belüli blokk	Be: a soron belüli blokk testvérrétegek a következő sorba kerülnek. Ki: mellé kerülnek ugyanabba a sorba, ha elférnek.
Float	Ha a pozíció relatív	A réteg a szülő terület bal vagy jobb oldalán áll, a soron belüli blokk testvérrétegek körülfolyják. None: az alapértelmezett helyén marad. Left: a bal oldalon, a testvéreket jobbra szorítva. Right: a jobb oldalon, a testvéreket balra szorítva.
Clear	Ha a pozíció relatív	Ha az előző testvérréteg Float értéke Left vagy Right, eldönti, hogy ez a réteg odaférhet-e mellé. None: igen. Left: ha az előzőé Left, nem. Right: ha az előzőé Right, nem. Both: ha az előzőé Left vagy Right, nem.
HTML-címke	Mindig	A réteget körbevevő HTML-címke (SEO-célra hasznos lehet). Értékei: <sr7-layer>, <div>, <p>, <h1> és <h6> között, <span>, <label>.

Átméretezés eszközök között

A szakasz minden rétegnél látszik, a dia hátterét kivéve. Azt szabályozza, mi történik az elrendezéssel a megadott eszközméretek közötti ablakméreteknél. Mindegyik kapcsolónál: Be: az érték fokozatosan igazodik a két eszközméretre megadott elrendezések között. Ki: pontosan az eszközméretnél megadott marad, amíg a következő eszközméret elrendezése életbe nem lép.

Kapcsoló	Mire vonatkozik
Pozíció	A réteg pozíciója.
Méret és mozg.	A réteg mérete és a mozgáson alapuló animációi.
Szöveg	A betűméret és a sormagasság.
Padding	A réteg belső térköze. Csak szöveg- és betűtípus-ikon rétegnél látszik.

Rétegméretek beállítása

Az Átvétel (Inherit Sizes) legördülő lista csak akkor látszik, ha az eszközválasztó nem az Asztali gépre van állítva. A réteg pozícióját, szélességét és magasságát másolja át egy másik eszközméret elrendezéséből. Értékei: a széles képernyőről, az asztali gépről, a notebookról, a tabletről.