--- url: 'https://dxpr.com/pl/hc/dokumentacja/nauka-dxpr-builder/uklad/positioned-layers' title: 'Dodawanie kontenera Positioned Layers. | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T02:45:21+00:00' updated: '2026-10-24T17:19:22+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: |- Użyj Positioned Layers, gdy elementy mają na siebie zachodzić albo stać w dokładnym miejscu, czego wiersze i kolumny nie dają. Dostajesz płótno, na którym przeciągasz każdy element tam, gdzie chcesz, na przykład nagłówek na zdjęcie. Przykład nakłada biały nagłówek dnia otwartego na obraz. Do zwykłych treści obok siebie wiersze i kolumny łatwiej utrzymać w porządku na telefonach. tags: - Layout image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T17:19:22+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Dodawanie kontenera Positioned Layers.' description: |- Użyj Positioned Layers, gdy elementy mają na siebie zachodzić albo stać w dokładnym miejscu, czego wiersze i kolumny nie dają. Dostajesz płótno, na którym przeciągasz każdy element tam, gdzie chcesz, na przykład nagłówek na zdjęcie. Przykład nakłada biały nagłówek dnia otwartego na obraz. Do zwykłych treści obok siebie wiersze i kolumny łatwiej utrzymać w porządku na telefonach. image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T02:45:21+0000' dateModified: '2026-10-24T17:19:22+0000' author: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' mainEntityOfPage: 'https://dxpr.com/pl/hc/dokumentacja/nauka-dxpr-builder/uklad/positioned-layers' articleSection: Układ - '@type': WebPage '@id': 'https://dxpr.com/pl/hc/dokumentacja/nauka-dxpr-builder/uklad/positioned-layers' description: |- Użyj Positioned Layers, gdy elementy mają na siebie zachodzić albo stać w dokładnym miejscu, czego wiersze i kolumny nie dają. Dostajesz płótno, na którym przeciągasz każdy element tam, gdzie chcesz, na przykład nagłówek na zdjęcie. Przykład nakłada biały nagłówek dnia otwartego na obraz. Do zwykłych treści obok siebie wiersze i kolumny łatwiej utrzymać w porządku na telefonach. breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: 'Strona Główna' item: 'https://dxpr.com/pl' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: pl --- [Centrum pomocy](/pl/hc)/[Dokumentacja](/pl/hc/dokumentacja) /[Poznaj DXPR Builder](/pl/hc/documentation/learn-dxpr-builder) /[Buduj strony](/pl/hc/documentation/learn-dxpr-builder/build) /[Dodaj treści](/pl/hc/documentation/learn-dxpr-builder/elements) /[Układ](/pl/hc/documentation/learn-dxpr-builder/layout/overview) # Dodawanie kontenera Positioned Layers.. Poznaj DXPR BuilderBuduj stronyDodaj treściUkład ## W tym przewodniku Powiązane przewodniki - [Dodawanie sekcji.](/pl/hc/dokumentacja/nauka-dxpr-builder/uklad/sekcje) - [Dodawanie układu zagnieżdżonego.](/pl/hc/dokumentacja/nauka-dxpr-builder/uklad/uklad-zagniezdzony) - [Animuj elementy przy przewijaniu, najechaniu i kliknięciu](/pl/hc/dokumentacja/nauka-dxpr-builder/projektowanie/animacje) Użyj Positioned Layers, gdy elementy mają na siebie zachodzić albo stać w dokładnym miejscu, czego wiersze i kolumny nie dają. Dostajesz płótno, na którym przeciągasz każdy element tam, gdzie chcesz, na przykład nagłówek na zdjęcie. Przykład nakłada biały nagłówek dnia otwartego na obraz. Do zwykłych treści obok siebie [wiersze i kolumny](/pl/hc/dokumentacja/nauka-dxpr-builder/uklad/wiersze-i-kolumny) łatwiej utrzymać w porządku na telefonach. ## Dodawanie kontenera Positioned Layers 1. Najedź na kolumnę i kliknij **+** na jej pasku sterowania albo **+** na środku pustej kolumny, aby otworzyć selektor elementów. 2. Na karcie **Layout** kliknij **Positioned layers**. 3. Otwierają się najpierw jego ustawienia. Ustaw **Height** tak, aby zmieściła się najwyższa warstwa, a potem kliknij **Save**. Pojawia się puste płótno. 4. Najedź na płótno i kliknij **+** na jego pasku sterowania, aby dodać element, taki jak **Text** albo **Image**. Każdy dodany element staje się warstwą do ustawienia. ## Efekt Płótno trzyma ustawioną wysokość, a każda warstwa stoi tam, gdzie została umieszczona, nad innymi albo pod nimi. Odwiedzający widzą kompozycję tak, jak wygląda w edytorze. Pozycje zapisują się jako udział płótna, więc warstwa trzyma miejsce, gdy płótno się zwęża. Tekst zachowuje rozmiar, chyba że włączysz **Responsive**. ## Konfiguracja Positioned Layers Otwórz ustawienia z **More** > **Settings** na pasku sterowania **Positioned layers**. | Ustawienie | Do czego służy | Domyślnie | |---|---|---| | **Width** | Szerokość płótna, na przykład 100% albo 600px | 100% | | **Height** | Wysokość płótna w pikselach | 500 | | **Responsive** | Skaluje wysokość płótna i tekst wraz z szerokością płótna, więc kompozycja zachowuje proporcje na małych ekranach | Off | ## Ustawianie warstw - **Select**: kliknij warstwę. Na jej rogach i krawędziach pojawiają się uchwyty. - **Move**: przeciągnij warstwę za jej nazwę na pasku sterowania, na przykład **Text** albo **Image**. Warstwy zostają w płótnie. - **Resize**: przeciągnij uchwyt wybranej warstwy. - **Add at a spot**: kliknij dwukrotnie puste miejsce płótna. Otworzy się selektor elementów, a nowy element ląduje w miejscu kliknięcia. Menu **More** każdej warstwy ma cztery dodatkowe pozycje. **100% width** i **100% height** rozciągają warstwę na całe płótno. **Bring forward** i **Send backward** przesuwają ją nad inne warstwy albo pod nie. ## Jeśli go nie widzisz - **Warstwa nie rusza się po przeciągnięciu.** Warstwy ruszają się tylko za uchwyt z nazwą na pasku sterowania. Najedź na warstwę i przeciągnij ten uchwyt. - **Warstwa chowa się za inną.** Leży niżej w stosie. Otwórz menu **More** warstwy i wybierz **Bring forward**. - **Warstwy zachodzą na siebie albo wystają na telefonach.** **Responsive** jest wyłączone, więc wysokość płótna i tekst trzymają rozmiar. Włącz **Responsive** w ustawieniach **Positioned layers**. - **Positioned layers nie ma w selektorze w płótnie.** Płótno nie mieści drugiego płótna. Dodaj nowy element **Positioned layers** do kolumny. - **Positioned layers nie ma w selektorze nigdzie.** Twój profil użytkownika DXPR Builder go pomija. Administrator zaznacza **Layers** w **Elements** w twoim profilu pod adresem `/admin/dxpr_studio/dxpr_builder/profile`. ## Co dalej? - [Sekcje](/pl/hc/dokumentacja/nauka-dxpr-builder/uklad/sekcje): daj obszarowi wokół płótna kolor albo obraz tła. - [Zagnieżdżanie](/pl/hc/dokumentacja/nauka-dxpr-builder/uklad/uklad-zagniezdzony): łącz warstwy z wierszami i kolumnami w bardziej złożonych układach. - [Karta animacji](/pl/hc/dokumentacja/nauka-dxpr-builder/projektowanie/animacje): pozwól każdej warstwie pojawiać się z własnym efektem wejścia.