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

> A Réteg panel elrendezési szakaszai: sorok és oszlopok, pozíció és méret, tartalom viselkedése, elrendezés, átméretezés eszközök között.

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](https://hub.hellowp.io/hu/plugins/revslider/szerkeszto-bejaras-felso-sav/) eszközválasztójával választod. A tartalmi szakaszokat a [Réteg panel: tartalom](https://hub.hellowp.io/hu/plugins/revslider/szerkeszto-panelek-reteg-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.

![A Réteg panel alsó része: Pozíció és méret, Elrendezés viselkedése, Átméretezés eszközök között](./kepek/szerkeszto-panelek-reteg-pozicio.webp)

*A Réteg panel alsó része: Pozíció és méret, Elrendezés viselkedése, Átméretezés eszközök között* (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.