Paginierung als Start- und Landebahn
Die Seitenzahlen sind auf eine Landebahn von oben gemalt: Das Flugzeug rollt zur gewählten, während die Anflugbefeuerung auf es zuläuft.
Einstellungen
Code
<nav class="uvq12-rw" aria-label="Seitennavigation"><p class="rd"><span>Seite</span><b class="pn">3</b><small>/ 8</small></p><div class="cs"><button type="button" class="pv" aria-label="Vorherige Seite"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 6l-6 6 6 6"/></svg></button><div class="rn"><span class="cl" aria-hidden="true"></span><span class="gl" aria-hidden="true"></span><span class="rb" aria-hidden="true"></span><svg class="pl" viewBox="0 0 24 24" aria-hidden="true"><path d="M21 16v-2l-8-5V3.5a1.5 1.5 0 0 0-3 0V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5z"/></svg><div class="ns"><button type="button" aria-label="Seite 1" tabindex="-1">01</button><button type="button" aria-label="Seite 2" tabindex="-1">02</button><button type="button" aria-label="Seite 3" aria-current="page" tabindex="0">03</button><button type="button" aria-label="Seite 4" tabindex="-1">04</button><button type="button" aria-label="Seite 5" tabindex="-1">05</button><button type="button" aria-label="Seite 6" tabindex="-1">06</button><button type="button" aria-label="Seite 7" tabindex="-1">07</button><button type="button" aria-label="Seite 8" tabindex="-1">08</button></div></div><button type="button" class="nx" aria-label="Nächste Seite"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 6l6 6-6 6"/></svg></button></div></nav>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Navigation
Alle ansehen: NavigationWofür du ihn nutzen kannst
Eine Paginierung als Start- und Landebahn von oben, mit Randbefeuerung, Schwellenstreifen und gestrichelter Mittellinie. Die Seitenzahlen stehen auf dem Asphalt, ein kleines Flugzeug rollt zur gewählten und wendet, wenn du zurückgehst, und ein Lauflicht der Anflugbefeuerung läuft immer wieder darauf zu. Passend für Reiseseiten, Galerien und Listen mit wenigen Seiten.
Die Hauptfarbe färbt die grüne Schwellenbefeuerung, die Zweitfarbe das Flugzeug. Acht Seiten passen bequem; ändere die Zahl in den Daten, Flugzeug, Lichter und Zähler passen sich von selbst an.