Mit einem Klick auf eine der Überschriften zeigt sich der Inhalt zu ihr.
Hier ist der Accordion-Effekt mit der TYPO3-Extension "gridelements" (Abk. GE) erstellt, ohne Javascript, nur per CSS.
Der Nachteil hierbei ist der, dass man nur ein Akkordeon oder nur eine Klappbox je Seite einsetzen kann, einfach wegen der "allgemeinen" Klassen. Mit Javascript kann man sich auf die individuellen IDs des Inhaltselements beziehen.
Ein Screenshot des GE aus dem TYPO3-Backend sehen Sie unten:
Wenn man im Backend den Haken der Grid-Eigenschaften (siehe Abb. im ersten Register), dann sind alle Register zu öffnen (Klappbox). D.h., beim Öffnen eines Registers schließt sich das schon Geöffnete nicht automatisch.
Eine Abb. wie so etwas aussieht sehen Sie in u.a. Abbildung:
In rutrum, tortor id varius porttitor, velit velit dictum turpis, vel sollicitudin erat nunc semper metus. Nulla quis justo vulputate, pulvinar lorem ut, tempus nisl. Curabitur feugiat, massa vitae cursus suscipit, dolor velit rhoncus turpis, nec placerat leo leo non dui. Aenean dictum dolor semper lacus porta, at viverra lorem sodales. Nullam nec urna cursus, finibus metus scelerisque, semper metus. Phasellus non justo purus. Nullam et molestie metus. Nulla vitae est vitae ex porttitor cursus eu vitae massa. Vestibulum luctus felis sed nunc vulputate dictum. Phasellus eu pellentesque tortor, quis laoreet nunc.
In diesem Fall ist der Accordion-Effekt eine ausschließlich mit CSS umgesetzte Textanimation und wird auf Webseiten immer populärer und interessanter. Es kann zum Beispiel per Klick auf eine Überschrift ein ausführlicher Text ein- oder ausgeblendet werden.
Der Effekt bietet eine interessante Optik und sorgt für optischen Platz auf einer Webseite.
Proin vel ex eget felis pretium malesuada. Aliquam luctus sapien tellus, non cursus risus maximus at. Curabitur id diam et dolor aliquam dignissim eu ac est. Vivamus venenatis nisl sit amet turpis vehicula, convallis dictum urna blandit. Aenean maximus; ligula ac euismod feugiat, tellus nunc viverra eros, ac pharetra tellus quam porttitor turpis. Phasellus vitae elit ac turpis vehicula dictum sed ut quam. Cras id diam eleifend, pulvinar est eget, molestie nulla! Proin eget eros eu arcu dictum molestie nec quis orci. Aliquam eu sem at augue aliquam vehicula eget at urna. Nunc molestie elit lorem, venenatis gravida lorem mollis eget? Fusce mollis, sem non pulvinar volutpat, libero turpis cursus velit, et viverra nunc neque sed leo.
In rutrum, tortor id varius porttitor, velit velit dictum turpis, vel sollicitudin erat nunc semper metus. Nulla quis justo vulputate, pulvinar lorem ut, tempus nisl. Curabitur feugiat, massa vitae cursus suscipit, dolor velit rhoncus turpis, nec placerat leo leo non dui. Aenean dictum dolor semper lacus porta, at viverra lorem sodales. Nullam nec urna cursus, finibus metus scelerisque, semper metus. Phasellus non justo purus. Nullam et molestie metus. Nulla vitae est vitae ex porttitor cursus eu vitae massa. Vestibulum luctus felis sed nunc vulputate dictum. Phasellus eu pellentesque tortor, quis laoreet nunc.
Der Accordion-Effekt ist eine mit JavaScript umgesetzte Textanimation und wird auf Webseiten immer populärer und interessanter. Es kann zum Beispiel per Klick auf eine Überschrift ein ausführlicher Text ein- oder ausgeblendet werden.
Der Effekt bietet eine interessante Optik und sorgt für optischen Platz auf einer Webseite.
Proin vel ex eget felis pretium malesuada. Aliquam luctus sapien tellus, non cursus risus maximus at. Curabitur id diam et dolor aliquam dignissim eu ac est. Vivamus venenatis nisl sit amet turpis vehicula, convallis dictum urna blandit. Aenean maximus; ligula ac euismod feugiat, tellus nunc viverra eros, ac pharetra tellus quam porttitor turpis. Phasellus vitae elit ac turpis vehicula dictum sed ut quam. Cras id diam eleifend, pulvinar est eget, molestie nulla! Proin eget eros eu arcu dictum molestie nec quis orci. Aliquam eu sem at augue aliquam vehicula eget at urna. Nunc molestie elit lorem, venenatis gravida lorem mollis eget? Fusce mollis, sem non pulvinar volutpat, libero turpis cursus velit, et viverra nunc neque sed leo.
In rutrum, tortor id varius porttitor, velit velit dictum turpis, vel sollicitudin erat nunc semper metus. Nulla quis justo vulputate, pulvinar lorem ut, tempus nisl. Curabitur feugiat, massa vitae cursus suscipit, dolor velit rhoncus turpis, nec placerat leo leo non dui. Aenean dictum dolor semper lacus porta, at viverra lorem sodales. Nullam nec urna cursus, finibus metus scelerisque, semper metus. Phasellus non justo purus. Nullam et molestie metus. Nulla vitae est vitae ex porttitor cursus eu vitae massa. Vestibulum luctus felis sed nunc vulputate dictum. Phasellus eu pellentesque tortor, quis laoreet nunc.
kupix webdesign
Sternschanze 16, 52428 Jülich
Sie erreichen uns
am Mo., Di., Mi. und Fr.
von 10:00 bis 18:00 Uhr
und am Do.
von 09:00 bis 12:30 Uhr
Wie es so manchmal passiert:
Internetauftritt ist schon etwas älter. Erstellt mit Baukasten von IONOS und der Betreuer hat sein Wirken eingestellt.
Man konnte also keine neuen Inhalte mehr einstellen. Eile war geboten wegen veralteter Inhalte mit…
⇒ mehr