Hier finden Sie einige Beispiele für kurze Hinweistexte, welche die Aufmerksamkeit der Nutzer auf sich ziehen sollen.
Standard-Hinweisboxen
Für dezente Hinweise mit dem Alert-Shortcode.
Ausgabe
Shortcode
Style kann neben „success“ auch die folgenden Werte besitzen: info / warning / danger
[alert]Ein Hinweis in der Standardausgabe.[/alert]
[alert style="success"]Ein Hinweis mit einem Style-Attribut.[/alert]
Hinweise mit Signal-Icon
Mit dem Notices-Shortcode können Hinweisboxen mit einer Auswahl von Icons ausgegeben werden.
Ausgabe
Ein Hinweis mit Glühbirne.
Ein Hinweis mit Ausrufezeichen.
Ein Hinweis mit rotem Ausrufezeichen.
Shortcode
Weitere Notice-Icons finden Sie auf der Anleitungsseite zu den Absatzklassen.
[notice-tipp]Ein Hinweis mit Glühbirne.[/notice-tipp]
[notice-hinweis]Ein Hinweis mit Ausrufezeichen.[/notice-hinweis]
[notice-attention]Ein Hinweis mit rotem Ausrufezeichen.[/notice-attention]
Starke Kontraste setzen
Dem Alert-Shortcode können individuelle Farben gesetzt werden.
Ausgabe
Shortcode
Die Hex-Werte (#041E42) für die aktuellen FAU-Farben finden Sie auf unserer Übersichtsseite zum Corporate Design der FAU.
[alert color="#041E42" font="light"]Ein Hinweis mit starkem Kontrast in FAU Farbe.[/alert]
[alert color="#222" font="light"]Ein Hinweis mit starkem Kontrast.[/alert]
Starke Kontraste mit Icons kombinieren
Ausgabe
Voraussetzungen
Dieser Hinweis kombiniert den Icon- und Alerts-Shortcode.
Voraussetzungen
Dieser Hinweis kombiniert den Icon- und Alerts-Shortcode.
Shortcode
Als Icon-Namen können alle frei verfügbaren Icons der Font-Awesome 6 Bibliothek verwendet werden.
[alert color="#222" font="light"]
[icon icon="solid exclamation-triangle" color="#ffffff" style="5x, border, pull-left"]
Voraussetzungen
Dieser Hinweis kombiniert den Icon- und Alerts-Shortcode.
[/alert]
[alert color="#041E42" font="light"]
[icon icon="solid exclamation-triangle" color="#ffffff" style="5x, border, pull-left"]
Voraussetzungen
Dieser Hinweis kombiniert den Icon- und Alerts-Shortcode.
[/alert]