--- title: Navigation Elements url: "https://www.toujou.de/service/elementbibliothek/navigation-elements/" date: 2021-03-23 modified: 2022-09-27 --- # Navigation Elements 1. [Home](https://www.toujou.de/) 2. [Service](https://www.toujou.de/service/) 3. [Elementbibliothek](https://www.toujou.de/service/elementbibliothek/) 4. [Navigation Elements](https://www.toujou.de/service/elementbibliothek/navigation-elements/) **Die toujou-Elementbibliothek** -------------------------------- Navigations-Elemente ==================== In toujou finden Sie vorkonfigurierte Navigations-Elemente mit den notwendigen Freiheiten dort, wo Sie diese brauchen. Das Erscheinungsbild wird zentral gesteuert und inklusive responsivem Verhalten angeboten. Ausrichtung, Links und Verhalten werden durch den Redakteur gesteuert. Dabei referenziert die Auto Inpage Navigation auf alle [Chapter](https://www.toujou.de/service/elementbibliothek/widgets/chapter/), die Inpage Navigation bietet individuellen Freiraum. **Navigations-Elemente:** [Inpage Navigation ](#c1009553)| [Auto Inpage Navigation |](#c1009870) [Previous/Next Page Navigation](#c1019401) ### Gebrauchsanweisung Auf dieser Seite finden Sie alle in toujou verfügbaren Navigationselemente. Um nicht mit echten Inhalten verwechselt zu werden, verwenden wir in der Bibliothek Blindtext. Zur detaillierten Nutzungsanleitung gelangen Sie über die rechts unter dem jeweiligen Element platzierten [Schaltflächen ❯](https://www.toujou.de/service/elementbibliothek/navigation-elements/) --- Alle Navigations-Elemente im Überblick ---------------------------------------- ### Inpage Navigation [ ![](https://www.toujou.de/_assets/processed/hcFhvwuSFFLP6opJ6kGSGeVOOMRphfO6GJA_f9uRKDs/q:85/c:1300:730.82731213872:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX0lucGFnZV9OYXZpZ2F0aW9uX193aWRlc2NyZWVuXzhkZjkwNDNkYmE:t/cb:dca4263c4900a37b63bc8707058804aeaedc807e/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzEwX25hdmlnYXRpb25fZWxlbWVudHMvSW5wYWdlX05hdmlnYXRpb25fX3dpZGVzY3JlZW4ucG5n) Ansicht exemplarisch mit mehr als 1440 px Breite ](https://www.toujou.de/fileadmin/toujou/element_library/10_navigation_elements/Inpage_Navigation__widescreen.png) #### **Widescreen** [ ![](https://www.toujou.de/_assets/processed/0_fjsxJdf5wy-72174r0B9m1n31Afd98t5HanNoiFP8/q:85/c:950:534.80769230769:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX0lucGFnZV9OYXZpZ2F0aW9uX19kZXNrdG9wXzAxX2U4Nzg1NjNkY2I:t/cb:9eafa54ff9038ae380b736d268eea4a9c0760011/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzEwX25hdmlnYXRpb25fZWxlbWVudHMvSW5wYWdlX05hdmlnYXRpb25fX2Rlc2t0b3BfMDEucG5n) Ansicht exemplarisch mit mehr als 1024 px Breite ](https://www.toujou.de/fileadmin/toujou/element_library/10_navigation_elements/Inpage_Navigation__desktop_01.png) #### **Desktop** [ ![](https://www.toujou.de/_assets/processed/u5VkVtVCyTIzKSsoxh390Ouckxdd708XkPN7DmjjMoY/q:85/c:1200:674.99999999999:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX0lucGFnZV9OYXZpZ2F0aW9uX190YWJsZXRfZWM2MTAxOWEzZQ:t/cb:823a9b1ffb6df24897410a21f1927c83b1d13db6/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzEwX25hdmlnYXRpb25fZWxlbWVudHMvSW5wYWdlX05hdmlnYXRpb25fX3RhYmxldC5wbmc) Ansicht exemplarisch mit mehr als 600 px Breite ](https://www.toujou.de/fileadmin/toujou/element_library/10_navigation_elements/Inpage_Navigation__tablet.png) #### **Tablet** [ ![](https://www.toujou.de/_assets/processed/FLeG1hoXPZo4aDbDPvsiP-IPfNZsBwOlx8KWSlE7J5Q/q:85/c:1200:674.61560364464:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX0lucGFnZV9OYXZpZ2F0aW9uX19tb2JpbGVfYTMwMDk4MGRmZA:t/cb:cb46dd853a492bb5bed1776b292f6a9606ff3bc7/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzEwX25hdmlnYXRpb25fZWxlbWVudHMvSW5wYWdlX05hdmlnYXRpb25fX21vYmlsZS5wbmc) Ansicht exemplarisch mit 375 px Breite ](https://www.toujou.de/fileadmin/toujou/element_library/10_navigation_elements/Inpage_Navigation__mobile.png) #### **Mobile** [Inpage Navigation >](https://www.toujou.de/service/elementbibliothek/navigation-elements/inpage-navigation/) --- ### Auto Inpage Navigation [ ![](https://www.toujou.de/_assets/processed/hcFhvwuSFFLP6opJ6kGSGeVOOMRphfO6GJA_f9uRKDs/q:85/c:1300:730.82731213872:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX0lucGFnZV9OYXZpZ2F0aW9uX193aWRlc2NyZWVuXzhkZjkwNDNkYmE:t/cb:dca4263c4900a37b63bc8707058804aeaedc807e/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzEwX25hdmlnYXRpb25fZWxlbWVudHMvSW5wYWdlX05hdmlnYXRpb25fX3dpZGVzY3JlZW4ucG5n) Ansicht exemplarisch mit mehr als 1440 px Breite ](https://www.toujou.de/fileadmin/toujou/element_library/10_navigation_elements/Inpage_Navigation__widescreen.png) #### **Widescreen** [ ![](https://www.toujou.de/_assets/processed/0_fjsxJdf5wy-72174r0B9m1n31Afd98t5HanNoiFP8/q:85/c:950:534.80769230769:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX0lucGFnZV9OYXZpZ2F0aW9uX19kZXNrdG9wXzAxX2U4Nzg1NjNkY2I:t/cb:9eafa54ff9038ae380b736d268eea4a9c0760011/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzEwX25hdmlnYXRpb25fZWxlbWVudHMvSW5wYWdlX05hdmlnYXRpb25fX2Rlc2t0b3BfMDEucG5n) Ansicht exemplarisch mit mehr als 1024 px Breite ](https://www.toujou.de/fileadmin/toujou/element_library/10_navigation_elements/Inpage_Navigation__desktop_01.png) #### **Desktop** [ ![](https://www.toujou.de/_assets/processed/u5VkVtVCyTIzKSsoxh390Ouckxdd708XkPN7DmjjMoY/q:85/c:1200:674.99999999999:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX0lucGFnZV9OYXZpZ2F0aW9uX190YWJsZXRfZWM2MTAxOWEzZQ:t/cb:823a9b1ffb6df24897410a21f1927c83b1d13db6/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzEwX25hdmlnYXRpb25fZWxlbWVudHMvSW5wYWdlX05hdmlnYXRpb25fX3RhYmxldC5wbmc) Ansicht exemplarisch mit mehr als 600 px Breite ](https://www.toujou.de/fileadmin/toujou/element_library/10_navigation_elements/Inpage_Navigation__tablet.png) #### **Tablet** [ ![](https://www.toujou.de/_assets/processed/FLeG1hoXPZo4aDbDPvsiP-IPfNZsBwOlx8KWSlE7J5Q/q:85/c:1200:674.61560364464:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX0lucGFnZV9OYXZpZ2F0aW9uX19tb2JpbGVfYTMwMDk4MGRmZA:t/cb:cb46dd853a492bb5bed1776b292f6a9606ff3bc7/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzEwX25hdmlnYXRpb25fZWxlbWVudHMvSW5wYWdlX05hdmlnYXRpb25fX21vYmlsZS5wbmc) Ansicht exemplarisch mit 375 px Breite ](https://www.toujou.de/fileadmin/toujou/element_library/10_navigation_elements/Inpage_Navigation__mobile.png) #### **Mobile** [Auto Inpage Navi >](https://www.toujou.de/service/elementbibliothek/navigation-elements/automatische-inpage-navigation/) --- ### Previous / Next Page Navigation [ ![](https://www.toujou.de/_assets/processed/hRbssfxmnYNbDVbgWHwB3O1DrewJQXHweqxd-CrWffk/q:85/w:433/h:271/fn:Y3NtXzA3LTAyOF8wMF9Gcm9udGVuZC1BbnNpY2h0NF80MzZiNjA3MDc3:t/cb:3d64bc29678a7c91a53c967dcba2807f333c09d9/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzA3X1dpZGdldHMvMDdfUHJldi1OZXh0LzA3LTAyOF8wMF9Gcm9udGVuZC1BbnNpY2h0NC5wbmc) ](https://www.toujou.de/fileadmin/toujou/element_library/07_Widgets/07_Prev-Next/07-028_00_Frontend-Ansicht4.png) [Previous / Next Page Navigation >](https://www.toujou.de/service/elementbibliothek/navigation-elements/previous/next-page-navigation/) ##### toujou-Tutorials [Checkliste ❯](https://www.toujou.de/service/#c1001893) [Kontakt/Daten hinterlegen ❯ ](https://www.toujou.de/tutorials/kontakte-anlegen/) [Dateiliste / Fileadmin ❯ ](https://www.toujou.de/tutorials/dateiliste/) [Navigation bearbeiten ❯ ](https://www.toujou.de/tutorials/seiten-anlegen/) [Seiteninhalte ❯](https://www.toujou.de/tutorials/seiteninhalte/) [Seiteneigenschaften ❯](https://www.toujou.de/tutorials/seiteneigenschaften/) [Responsive-Check ❯](https://www.toujou.de/tutorials/responsive-mobile-first/) [Yoast SEO ❯](https://www.toujou.de/tutorials/yoast-seo/) [Redirects ❯](https://www.toujou.de/tutorials/redirects/) / [Blog ❯](https://www.toujou.de/tutorials/blog-administration/) [Seiten übersetzen ❯](https://www.toujou.de/tutorials/seiten-uebersetzen/) [Linkvalidator ❯](https://www.toujou.de/tutorials/linkvalidator/) ##### toujou-Setup [Theme ❯ ](https://www.toujou.de/service/toujou-setup/theme-bearbeiten/) [Logo ❯ ](https://www.toujou.de/service/toujou-setup/logo-hochladen/) [Font ❯ ](https://www.toujou.de/service/toujou-setup/font-bestimmen/) [Color ❯ ](https://www.toujou.de/service/toujou-setup/farben-festlegen/) [Social Media ❯ ](https://www.toujou.de/service/toujou-setup/social-media/) [Analytics ❯](https://www.toujou.de/service/toujou-setup/analytics/) [Data Protection ❯](https://www.toujou.de/service/toujou-setup/datenschutz/) [Website Overlay ❯](https://www.toujou.de/service/toujou-setup/website-overlay/) ##### toujou-Elementbibliothek [Texte ❯ ](https://www.toujou.de/service/elementbibliothek/text-elements/) [Medien ❯ ](https://www.toujou.de/service/elementbibliothek/media-elements/) [Combinations❯ ](https://www.toujou.de/service/elementbibliothek/combined-elements/) [Teaser ❯ ](https://www.toujou.de/service/elementbibliothek/teaser-elements/) [Cards ❯](https://www.toujou.de/service/elementbibliothek/card-elements/) [Blockquotes ❯ ](https://www.toujou.de/service/elementbibliothek/blockquote-elements/) [Collections ❯](https://www.toujou.de/service/elementbibliothek/collections/) [Maps ❯ / ](https://www.toujou.de/service/elementbibliothek/map-elements/)[Blog ❯ ](https://www.toujou.de/service/elementbibliothek/blog-elements/) [Events ❯ ](https://www.toujou.de/service/elementbibliothek/events/)/ [Widgets ❯ ](https://www.toujou.de/service/elementbibliothek/widgets/) [Navigation ❯](https://www.toujou.de/service/elementbibliothek/navigation-elements/) [HTML ❯ ](https://www.toujou.de/service/elementbibliothek/html/)/ [Forms ❯ ](https://www.toujou.de/service/elementbibliothek/forms/) ##### toujou TOURISM [tourism-Modul ❯](https://www.toujou.de/tutorials/tourism-modul/) [Expertise & Konzept ❯](https://www.toujou.de/websites/websites-fuer-reiseveranstalter/) [Alle Features ❯](https://www.toujou.de/loesungen/etourism/) [toujou-Reiseportale ❯](https://www.toujou.de/warum-toujou/unsere-kunden/#c1002004) [Reiseseiten anlegen ❯](https://www.toujou.de/tutorials/reiseseiten/reisen-anlegen/) [Reiseseiteneigenschaften ❯](https://www.toujou.de/tutorials/reiseseiten/reiseseiteneigenschaften/) [Reisekategorien ❯](https://www.toujou.de/tutorials/reiseseiten/reisekategorien-anlegen/) [Termine & Preise ❯](https://www.toujou.de/tutorials/reiseseiten/termine-preise/) [Reisesuchseiten anlegen ❯](https://www.toujou.de/tutorials/reiseseiten/reisesuchseite/) [Trip Elements ❯ ](https://www.toujou.de/service/elementbibliothek/trip-elements/) [Search Elements ❯](https://www.toujou.de/service/elementbibliothek/trip-elements/search-elements/)