Demo-Seite "Accordionbox"

Die Accordionbox ist ein kompaktes Textelement, mit dem unter einer Hauptüberschrift ein u. U. umfangreiches Thema auf die Teilüberschriften seiner Teilthemen reduziert präsentiert werden kann. Jedes einzelne Teilthema lässt sich unabhängig von den anderen Teilthemen "auf- und zuklappen". Es handelt sich um ein reines Textelement. Texte sind mit dem normalen Rich Text Editor wie gewohnt formatierbar. Überschriften in Accordionboxen haben ihr eigenes, unveränderbares Format; strukturell gesehen ist es die Überschriftenebene h2.

Beispiel 1 zeigt die auf den meisten kiz-Seiten verwendete "Standard-kiz-Box", die viele seitenübergreifende, überall wichtige Informationen im eingeklappten Zustand sehr kompakt anbieten kann.
Beispiel 2 zeigt eine kleine "Werkzeugkiste" mit Online-Tools, die mit ihren erläuternden Texten ebenfalls wenig Platz beansprucht.

Beispiel 1

Kommunikations- und Informationszentrum (kiz)

Kontaktieren Sie uns bei Fragen und Problemen zu den Services des kiz:
Mo - Fr 8 - 18 Uhr
+49 (0)731/50-30000
helpdesk(at)uni-ulm.de
Kundenportal
<link einrichtungen kiz service-katalog beratung-hilfe helpdesk button internal link in current>[mehr]

An den Service-Points können Sie uns persönlich aufsuchen.
<link einrichtungen kiz home service-points button internal link in current>[mehr]

Self Service Funktionen des Identitätsmanagementsystems (IDM):

Berechtigungen verwalten
Dienste abonnieren
Passwörter ändern
...

IDM Self Services
[mehr]

<form action="https://rds-ulm.ibs-bw.de/opac/link" method="get"> <input id="SearchField" name="simple" data-placeholder="Suche in ..." placeholder="Suche in ..." type="text" /> <button type="submit" class="hidden-button">Suchen</button> </form>

Etwa 400 Stichwörter führen Sie direkt zu einer einschlägigen Web-Seite des kiz.
A-Z-Liste
Wenn Sie ein Stichwort vermissen, geben Sie uns Nachricht: Redaktion

Beispiel 2

Nützliche Online-Tools

^{Terminplaner ist ein Hilfsmittel zur Abstimmung von Terminen für die Teilnehmer am Deutschen Forschungsnetz. Terminplaner kann unentgeltlich genutzt werden.}
DFN Terminplaner

^{Ein QR-Code-Generator wandelt Texte in einen 2-dimensionalen Code und erstellt die inzwischen weit bekannten, typischen Grafiken, die gedruckt oder als Bilddatei heruntergeladen werden können.}
QR-Code-Generator

^{OCR Converter werden verwendet, um "als Bild" vorliegende, z. B. gescannte Texte oder auch Text in PDF-Dokumenten wieder in einfachen Text zurück zuverwandeln.}
OCR Converter

^{Um bei der Seitengestaltung von Print- oder Online-Medien einen ersten Eindruck vom Gesamtaussehen der Seite zu bekommen, verwendet man oft in Ermangelung endgültiger Texte sogenannte Blindtexte. Unter Typographen und in der Werbe-Branche sehr verbreitet ist der Lorem-Ipsum-Text.}
Lorem-Ipsum-Generator