Meine Website

Benutzerelement Akkordeon


Information hinter Titelzeile verstecken. Klick auf Titel öffnet Inhaltsbox.
- eigene CSS-Datei (gekapselt); in style.css einfügen oder importieren
- JS Erweiterung in Template einbinden
  (das Ganze läuft auch ohne JS; dann wird der Inhalt vom Titel nach unten aufgerollt; JS schiebt den Titel nach Klick immer an oberen Rand)
Anpassungen:
- Klick auf Titel klappt Element auf / auch wieder zu
- Mehrere Elemente können offen sein
- komfortablere Anpassung der Symbole in Titelleiste
- es wird nur nach oben gesrollt, wenn der aufgeklappte Inhalt nicht mehr in das Browserfenster paßt
- kleines Mini-Akkordeon für Einbau mitten in Text

An der farblichen Anpassung bei z.B. dunklem Hintergrund arbeite ich noch

Symbole als SVG-Datei in Titel können im CSS getauscht werden


Inhalt
zweite zeile

dritte Zeile

Zeile 4

Bild "Home:entspann-1.jpg"
Video bietet eine leistungsstarke Möglichkeit zur Unterstützung Ihres Standpunkts.


Verschiedene Themen mit Farbe, Rahmen, Ecken, Abständen ...

Inhalt
zweite zeile

dritte Zeile

Zeile 4

Bild "Home:entspann-1.jpg"
Video bietet eine leistungsstarke Möglichkeit zur Unterstützung Ihres Standpunkts.


Inhalt
zweite zeile

dritte Zeile

Zeile 4

Bild "Home:entspann-1.jpg"
Video bietet eine leistungsstarke Möglichkeit zur Unterstützung Ihres Standpunkts.


Inhalt
zweite zeile

dritte Zeile

Zeile 4

Bild "Home:entspann-1.jpg"
Video bietet eine leistungsstarke Möglichkeit zur Unterstützung Ihres Standpunkts.

Hier ein Beispiel für ein minimalistisches Aufklapp-Element
Erklärung zum Begriff, welcher anklickbar ist.
Geeignet für kurzen Einblendungen / Erklärungen.

Titel
Bild "Home:mozilo.png"
Erklärung zum Begriff,
welcher anklickbar ist.
Titel
Text
Fuß