--- title: "Elemente: Text & Zitate" url: "https://karriere.th-nuernberg.de/elemente-text-zitate/" image: "https://takemoto-kazuhiro.toujou.website/_assets/processed/X-t6TwVCLrzCLECMHjfNjCxJ8Bccu2EGaH00WgMumdo/q:85/w:1024/h:768/fn:Y3NtX0JpYmxpb3RoZWtfMDFfM2FmNWIzZDE2Yw:t/cb:fb209312bd1d0744c29ba97836ffb0784ef87ed3/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9PaG1fTWVkaWVucG9vbC9CaWxkZXIvQmlibGlvdGhlay9CaWJsaW90aGVrXzAxLmpwZw" date: 2025-02-19 modified: 2025-02-19 lastUpdated: 2025-02-19 --- # Elemente: Text & Zitate 1. [Karriere](https://karriere.th-nuernberg.de/) 2. [Elemente: Text & Zitate](https://karriere.th-nuernberg.de/elemente-text-zitate/) Auf dieser Seite Text-Elemente / Text -------------------- **Text** -------- Das klassische, **einfache Textelement** (ohne Bild/Medien). Beispiele für die verschiedenen Formatierungsmöglichkeiten innerhalb des Textfelds (wenn RTE) findet ihr auf [der Seite “Beispiel - Formatierungen”](https://karriere.th-nuernberg.de/textformatierungen/). Wichtig: Allgemein gibt es diverse Elementtypen plus zusätzlich Variationen, z.B. “Text in zwei/drei/vier Spalten” oder “Text mit Bild links/rechts”. Nachfolgend stelle ich die grundlegenden Elementtypen in einer Variation dar (da die Funktionsweise in den Variationen gleich ist). - ![](https://takemoto-kazuhiro.toujou.website/_assets/processed/1YmQ1ioSYd905qnS5uIGjWUDhcq5B0FeDmgBRkyhLGE/q:85/w:433/h:325/fn:Y3NtX0xlcm5yYXVtXzAxX2U2NmVjM2I1ZGE:t/cb:0ab3efb9ac20a5a2103e9c5449d685b1b4534f01/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9PaG1fTWVkaWVucG9vbC9CaWxkZXIvTGVybnJhdW0vTGVybnJhdW1fMDEuanBn "Lernraum") - ![](https://takemoto-kazuhiro.toujou.website/_assets/processed/-XBp9hhTh9YiKUckk-f1HhTk7oEEvp36zAcl1QoY_tk/q:85/w:433/h:325/fn:Y3NtX0xlcm5yYXVtXzAyXzA2MDE1MTg1Yjg:t/cb:f5022fae5620c8d7871532dc2d32d0a70ef21e34/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9PaG1fTWVkaWVucG9vbC9CaWxkZXIvTGVybnJhdW0vTGVybnJhdW1fMDIuanBn "Lernraum") von **Text with media left/right, inside text** ------------------------------------------- Dieses Element sorgt dafür, dass der **Text sich um das Bild herum “anschmiegt”**. Es können auch mehrere Bilder hinterlegt werden (wie bei einem Slider). Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ![](https://takemoto-kazuhiro.toujou.website/_assets/processed/a0eJb_nQDPy36eybGo_X8BgavnBEoTSEkIJcAIWTdJU/q:85/c:4724:2657.25:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX0NoZW1pZS1MYWJvcl8wNl9lYTVlODY2OGJl:t/cb:1aa48ee4cba35cab4619c2230c463ac205b6e49a/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9PaG1fTWVkaWVucG9vbC9CaWxkZXIvQ2hlbWllX0xhYm9yL0NoZW1pZS1MYWJvcl8wNi5qcGc "Chemie Labor") **Two text blocks with media above** ------------------------------------ **Spaltenelemente** haben ver. Optionen: - 2 - 4 Spalten - Bilder unter/oberhalb der Spalten ![](https://takemoto-kazuhiro.toujou.website/_assets/processed/S09z6-RrMcYbcVkdDbDtGEmUAi09RuGAFgPZ9AhPkv0/q:85/c:4724:2657.25:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX0NoZW1pZS1MYWJvcl8wMV8yMWMzMWEzOWZh:t/cb:ce93d9c6a3edefcb58a1939cc52ef9a6f321ead8/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9PaG1fTWVkaWVucG9vbC9CaWxkZXIvQ2hlbWllX0xhYm9yL0NoZW1pZS1MYWJvcl8wMS5qcGc "Chemie Labor") **Two text blocks with media above** ------------------------------------ Bei Textelementen mit zwei Spalten gibt es zusätzlich noch die Option für das 66 zu 33 % Verhältnis (ohne Bilder oder mit Bild über dem Text) **Accordion** ------------- Ein einfaches **Accordion**-Element. Accordions haben Titel und optional Untertitel (normal oder als Liste) - zusätzlich gibt es die Einstellungsoptionen: - **Aufgeklappte Elemente**: Erstes Accordion automatisch ausklappen (Hinweis: Seitens ZWR nicht empfohlen) - **Einzelner Erweiterungsmodus**: Der User kann entweder mehrere Accordions öffnen, oder nur eines (die anderen Accordions werden automatisch wieder zugeklappt) ### Accordion I Untertitel - Dieses Accordion hat ein Bild ![](https://takemoto-kazuhiro.toujou.website/_assets/processed/PmbJzGySe0Ceb7cOfmB4nNgSBMnohWbCjA2UrARY7pI/q:85/w:401/h:301/fn:Y3NtX0NoZW1pZS1MYWJvcl8wNF83YTExZTgyMzkw:t/cb:ddd916a993f6b735e1760b2463001b56da3875a3/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9PaG1fTWVkaWVucG9vbC9CaWxkZXIvQ2hlbWllX0xhYm9yL0NoZW1pZS1MYWJvcl8wNC5qcGc "Chemie Labor") Lorem Ipsum ### Accordion II - Untertitel als Liste Punkt 1 - Liste Punkt 2 Lorem Ipsum **Accordion with text left/right** ---------------------------------- In diesem Element kann links oder rechts **neben den Accordion-Elementen zusätzlicher Text** hinterlegt werden. ### Accordion I Untertitel über dieses Accordion ![](https://takemoto-kazuhiro.toujou.website/_assets/processed/sPVuJKQ5IztbxlgJAfwVf4xRa_y_D5nXaEkhVxE9mq8/q:85/w:380/h:285/fn:Y3NtX0JpYmxpb3RoZWtfMDJfNDJmYzRkYzE0Ng:t/cb:482ca6986cb3a27f325e343b05787376e053201e/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9PaG1fTWVkaWVucG9vbC9CaWxkZXIvQmlibGlvdGhlay9CaWJsaW90aGVrXzAyLmpwZw "Bibliothek") Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. ### Accordion II - Untertitel als Liste - Hello World Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. ### Accordion III ![](https://takemoto-kazuhiro.toujou.website/_assets/processed/5FJgZx33UU_cVw9M3mBx_k2oQpZZWDQfHEU_7zSGQ1Y/q:85/w:380/h:285/fn:Y3NtX0JpYmxpb3RoZWtfMDVfZmIzNDVmNDI2NA:t/cb:e37495f32d9510c01dfc8bf3d596127737380c66/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9PaG1fTWVkaWVucG9vbC9CaWxkZXIvQmlibGlvdGhlay9CaWJsaW90aGVrXzA1LmpwZw "Bibliothek") Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Zitat-Elemente / Blockquotes ---------------------------- **Two vertical blockquotes with image** --------------------------------------- **Zitat-Elemente** sind ab 2 Zitaten immer mit Bild. Die Bilder sollten eigentlich immer oberhalb vom Zitat stehen; mit dem neuen Theme muss die Darstellung (teilweise noch horizontal) noch korrigiert werden in diesem Inhaltselement. ![](https://takemoto-kazuhiro.toujou.website/_assets/processed/I-8Ztp0uKKb4l3mttCZa5rdK1B3nuEPwMtD4_OM9ePc/q:85/c:2654.888:2654.888:fp:0.338:0.44133333333333/rt:force/w:112/h:112/fn:Y3NtX0JpYmxpb3RoZWtfMDFfZDdkNTU2MDk2NQ:t/cb:fb209312bd1d0744c29ba97836ffb0784ef87ed3/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9PaG1fTWVkaWVucG9vbC9CaWxkZXIvQmlibGlvdGhlay9CaWJsaW90aGVrXzAxLmpwZw "Bibliothek")> Einfacher Einstieg ins Studium. Estella Marionette ![](https://takemoto-kazuhiro.toujou.website/_assets/processed/njca5J5fPBP9uXpILUjyEn5ospp54uKJzzrOYj09d6s/q:85/c:2654.888:2654.888:fp:0.281:0.49866666666667/rt:force/w:112/h:112/fn:Y3NtX0JpYmxpb3RoZWtfMDRfMmY4ZWZkZDdjNQ:t/cb:89cc5e807bd21396e548f52680119dddb957ae20/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9PaG1fTWVkaWVucG9vbC9CaWxkZXIvQmlibGlvdGhlay9CaWJsaW90aGVrXzA0LmpwZw "Bibliothek")> Tolle Erweiterung meiner vorherigen Ausbildung Hannah Keller