> ## Documentation Index
> Fetch the complete documentation index at: https://docs.dreizack-medien.de/llms.txt
> Use this file to discover all available pages before exploring further.

# Marquee

# Allgemeine Beschreibung

Das "Marquee" Portlet zeigt einen fortlaufend durchlaufenden Textstreifen (Laufband) an.

# Einsatzmöglichkeiten (Inspiration)

* **Ankündigungen:** Hebe Aktionen, News oder wichtige Hinweise durch ein auffälliges Laufband hervor.
* **Aufmerksamkeit erzeugen:** Nutze die Bewegung, um Besucher gezielt auf einen Inhalt hinzuweisen.

***

# Settings:

## Allgemein

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/OZJ610oq__S3x2Xz/images/opc-plus-marquee-allgemein.jpg?fit=max&auto=format&n=OZJ610oq__S3x2Xz&q=85&s=d6add5512c0453b2b0947cdd7a257d06" alt="Allgemein" width="1336" height="712" data-path="images/opc-plus-marquee-allgemein.jpg" />
  </Frame>
</div>

<Warning>
  Wenn du den Block kopiert hast, achte bitte darauf, dass pro Seite jeder Block eine unterschiedliche UID hat. Ändere bitte die ID, wenn du diesen Block kopiert hast.
</Warning>

**UID:** Diese UID wird automatisch generiert. In der Regel muss hier nichts verändert werden.

**Speichern, ob Container geschlossen wurde:** Merkt sich per Cookie, ob der Besucher den Marquee-Container bereits geschlossen hat, damit er nicht erneut angezeigt wird.

**Wie viele Tage soll der Cookie gespeichert bleiben (0 für die Dauer der Session):** Zeitraum, bis der Container das nächste Mal angezeigt wird.

***

## Darstellung

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/OZJ610oq__S3x2Xz/images/opc-plus-marquee-darstellung.jpg?fit=max&auto=format&n=OZJ610oq__S3x2Xz&q=85&s=0ce7341a5cb26191106c30a317093d7d" alt="Darstellung" width="1335" height="935" data-path="images/opc-plus-marquee-darstellung.jpg" />
  </Frame>
</div>

**Textinhalt:** Trage die Texte ein, die im Laufband nacheinander angezeigt werden sollen. Über das **"+"** Symbol fügst du weitere Texteinträge hinzu, über das **"x"** Symbol entfernst du einen Eintrag. Über das Verschieben-Symbol (rechts) änderst du per Drag-and-Drop die Reihenfolge.

**Trennzeichen:** Zeichen, das zwischen den einzelnen Texteinträgen im Laufband angezeigt wird (z. B. `-`).

**Geschwindigkeit:** Geschwindigkeit, mit der das Laufband durchläuft (z. B. `250`).

***

# Beispiel

So erscheint der Marquee im Frontend:

<video src="https://mintcdn.com/dzm/OZJ610oq__S3x2Xz/images/opc-plus-marquee-beispiel.mov?fit=max&auto=format&n=OZJ610oq__S3x2Xz&q=85&s=a6e79aaf5b605d78212aa10ca708d7f1" controls autoPlay loop muted playsInline className="w-full border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent" data-path="images/opc-plus-marquee-beispiel.mov" />

***