---
url: 'https://dxpr.com/it/hc/documentation/learn-dxpr-builder/layout/positioned-layers'
title: 'Aggiunta di un contenitore di livelli posizionati | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-23T23:55:48+00:00'
updated: '2026-10-24T09:09:48+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Usa i Livelli posizionati quando vuoi che gli elementi si sovrappongano o stiano in un punto esatto, cosa che righe e colonne non possono fare. Ottieni una tela su cui trascini ogni elemento dove vuoi, come un titolo sopra una foto. L’esempio sovrappone il titolo bianco di un open day a un’immagine. Per contenuti ordinari fianco a fianco, righe e colonne sono più facili da tenere in ordine sui telefoni.'
tags:
  - Lay-out
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T09:09:48+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Aggiunta di un contenitore di livelli posizionati'
      description: 'Usa i Livelli posizionati quando vuoi che gli elementi si sovrappongano o stiano in un punto esatto, cosa che righe e colonne non possono fare. Ottieni una tela su cui trascini ogni elemento dove vuoi, come un titolo sopra una foto. L’esempio sovrappone il titolo bianco di un open day a un’immagine. Per contenuti ordinari fianco a fianco, righe e colonne sono più facili da tenere in ordine sui telefoni.'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-23T23:55:48+0000'
      dateModified: '2026-10-24T09:09:48+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/it/hc/documentation/learn-dxpr-builder/layout/positioned-layers'
      articleSection: Lay-out
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/it/hc/documentation/learn-dxpr-builder/layout/positioned-layers'
      description: 'Usa i Livelli posizionati quando vuoi che gli elementi si sovrappongano o stiano in un punto esatto, cosa che righe e colonne non possono fare. Ottieni una tela su cui trascini ogni elemento dove vuoi, come un titolo sopra una foto. L’esempio sovrappone il titolo bianco di un open day a un’immagine. Per contenuti ordinari fianco a fianco, righe e colonne sono più facili da tenere in ordine sui telefoni.'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Home
            item: 'https://dxpr.com/it'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: it
---
[Help Center](/it/hc)/[Documentation](/it/hc/documentation) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Build pages](/hc/documentation/learn-dxpr-builder/build) /[Add content](/hc/documentation/learn-dxpr-builder/elements) /[Lay-out](/hc/documentation/learn-dxpr-builder/layout/overview) # Aggiunta di un contenitore di livelli posizionati.

 Learn DXPR BuilderBuild pagesAdd contentLay-out

   ## In this guide

 Related guides

- [Aggiunta di una sezione](/it/hc/documentation/learn-dxpr-builder/layout/sections)
- [Aggiunta di un layout annidato](/it/hc/documentation/learn-dxpr-builder/layout/nesting)
- [Anima gli elementi allo scorrimento, al passaggio del mouse o al clic](/it/hc/documentation/learn-dxpr-builder/design/animation-tab)

Usa i Livelli posizionati quando vuoi che gli elementi si sovrappongano o stiano in un punto esatto, cosa che righe e colonne non possono fare. Ottieni una tela su cui trascini ogni elemento dove vuoi, come un titolo sopra una foto. L’esempio sovrappone il titolo bianco di un open day a un’immagine. Per contenuti ordinari fianco a fianco, [righe e colonne](/it/hc/documentation/learn-dxpr-builder/layout/rows-and-columns) sono più facili da tenere in ordine sui telefoni.

  ## Aggiungi un contenitore di livelli posizionati

1. Passa sopra alla colonna e fai clic su **+** nella sua barra dei controlli, o sul **+** al centro di una colonna vuota, per aprire il selettore di elementi.
2. Nella scheda **Layout** fai clic su **Positioned layers**.
3. Si aprono prima le sue impostazioni. Imposta **Height** così ci sta il tuo livello più alto, poi fai clic su **Save**. Compare una tela vuota.
4. Passa sopra alla tela e fai clic su **+** nella sua barra dei controlli per aggiungere un elemento, come **Text** o un’**Image**. Ogni elemento aggiunto diventa un livello che puoi posizionare.

## Cosa vedi

La tela conserva l’altezza impostata e ogni livello sta dove l’hai messo, sopra o sotto gli altri. I visitatori vedono la composizione come appare nell’editor. Le posizioni sono salvate come quota della tela, così un livello mantiene il suo posto quando la tela si restringe. Il testo conserva la sua dimensione a meno che tu non attivi **Responsive**.

## Configura i tuoi livelli posizionati

Apri le impostazioni da **More** > **Settings** nella barra dei controlli di **Positioned layers**.

| Impostazione | Cosa fa | Valore predefinito |
|---|---|---|
| **Width** | Larghezza della tela, per esempio 100% o 600px | 100% |
| **Height** | Altezza della tela in pixel | 500 |
| **Responsive** | Ridimensiona l’altezza della tela e il testo con la larghezza della tela, così la composizione mantiene le proporzioni sugli schermi piccoli | Off |

## Posizionare i livelli

- **Selezionare**: fai clic su un livello. Maniglie compaiono sui suoi angoli e bordi.
- **Spostare**: trascina il livello dal suo nome nella sua barra dei controlli, per esempio **Text** o **Image**. I livelli restano dentro la tela.
- **Ridimensionare**: trascina una maniglia del livello selezionato.
- **Aggiungere in un punto**: fai doppio clic su una parte vuota della tela. Si apre il selettore di elementi e il nuovo elemento arriva dove hai fatto clic.

Il menu **More** di ogni livello ha quattro voci in più. **100% width** e **100% height** allungano il livello su tutta la tela. **Bring forward** e **Send backward** lo spostano sopra o sotto gli altri livelli.

## Se non lo vedi

- **Un livello non si muove quando lo trascini.** I livelli si muovono solo dalla maniglia con il loro nome nella barra dei controlli. Passa sopra al livello e trascina quella maniglia.
- **Un livello si nasconde dietro un altro.** Sta più in basso nella pila. Apri il menu **More** del livello e scegli **Bring forward**.
- **I livelli si sovrappongono o escono sui telefoni.** **Responsive** è spento, quindi l’altezza della tela e il testo conservano la loro dimensione. Attiva **Responsive** nelle impostazioni di **Positioned layers**.
- **Positioned layers manca dal selettore dentro una tela.** Una tela non può contenere un’altra tela. Aggiungi il nuovo elemento **Positioned layers** a una colonna.
- **Positioned layers manca dal selettore ovunque.** Il tuo profilo utente DXPR Builder lo esclude. Un amministratore seleziona **Layers** in **Elements** nel tuo profilo in `/admin/dxpr_studio/dxpr_builder/profile`.

## E adesso?

- [Sezioni](/it/hc/documentation/learn-dxpr-builder/layout/sections): dai all’area intorno alla tela un colore o un’immagine di sfondo.
- [Annidamento](/it/hc/documentation/learn-dxpr-builder/layout/nesting): combina livelli con righe e colonne in layout più complessi.
- [Scheda di animazione](/it/hc/documentation/learn-dxpr-builder/design/animation-tab): fai apparire ogni livello con il suo effetto di entrata.