Zum Inhalt
IT & Medien Centrum der TU Dortmund
Inhaltselement

Icon-Banderole

Mit dem Inhaltselement "Icon-Banderole" können Links visuell ansprechend präsentiert werden. Jeder Link wird hierbei optisch durch ein zugehöriges Icon unterstützt. Die Icons dienen dazu, die Bedeutung oder den Zweck der Links zu verdeutlichen und die Blickführung positiv zu beeinflussen.

Grundlegende Funktionsweise

Jede Icon-Banderole besteht aus einem oder mehreren Links. Jeder Link besitzt dabei ein Icon und ein entsprechendes Label. Die Links werden auf Desktop-Auflösungen horizontal nebeneinander angezeigt und auf mobilen Geräten untereinander, ähnlich einer Liste.  Optional kann jede Icon-Banderole um ein einleitendes Label ergänzt werden. 

Beispiel:

Einleitendes Label:

Wichtig: Die Anzahl der Links in einer Icon-Banderole sollte so gewählt werden, dass diese auf Desktop-Auflösungen in einer Zeile dargestellt werden. Mehrzeilige Icon-Banderolen können die Blickführung sonst negativ beeinflussen. Das Icon sollte zum jeweiligen Thema des Links passen. 

Einbindung

Wählen Sie das Inhaltselement "Icon-Banderole" aus. Im darauffolgenden Fenster können Sie zunächst im Feld "Überschrift" optional ein einleitendes Label hinterlegen. Hinweis: Die Zeichenanzahl in diesem Feld ist auf 20 Zeichen begrenzt. 

Unter "Zielseiten" können Sie durch einen Klick auf den Button "Neu anlegen" einen Link zur Icon-Banderole hinzufügen. Je Link können Sie folgende Angaben machen:

  • Unter "Linkicon" wählen sie zunächst ein passendes Icon für den Link aus.
  • Im Feld "Linktext" geben Sie dann den Linktitel ein. 
  • Im Feld "Linkziel" verweisen Sie abschließend auf die gewünschte Zielseite. Es kann auf interne und externe Seiten verwiesen werden, sowie auf Dateien in der Dateiliste.

 

Icon-Banderole auswählen
Link in Icon-Banderole anlegen