Alerts / Hinweisboxen

Elements ist auf allen CMS-Instanzen vorinstalliert und bereits aktiviert. Sie können alle Elements-Shortcodes ohne vorangegangene Aktivierung benutzen.
Während der Semesterferien 2025 ist das Sekretariat nur vormittags besetzt.

Alerts/ Hinweisboxen

Mit Alerts / Hinweisboxen können Sie wichtige Meldungen auf Ihrer Website hervorheben.

Shortcode:

[alert]...[/alert]

Mögliche Attribute:

  • style="success" bzw. info / warning / danger: erzeugt ein Layout ähnlich den Bootstrap-Alerts
  • style="shadow" bzw. shadow-hover: erzeugt eine weiße Box mit Schlagschatten, bei shadow-hover zusätzlich mit einer Animation bei Mouse-over
  • color="#1f4c7a": eigene Hintergrundfarbe definieren (Angabe im Hexadezimalcode)
  • border_color="#8fb1ef": eigene Randfarbe definieren (Angabe im Hexadezimalcode)

Wurde das style-Attribut angegeben, wird die eigene Hintergrund- und Randfarbe ignoriert. Ist weder ’style‘ noch ‚color‘ angegeben, wird eine einfache hellgraue Box erzeugt.

Beispiele:

[alert] … [/alert]

Alert ohne alles.

[alert style="success"] … [/alert]

Success! Und der dazugehörige Alert.

[alert style="info"] … [/alert]

Info! Und der dazugehörige Alert.

[alert style="warning"] … [/alert]

Warning! Und der dazugehörige Alert.

[alert style="danger"] … [/alert]

Danger! Und der dazugehörige Alert.

[alert style="example" title="Hey!"] … [/alert]

Example! Und der dazugehörige Alert.

[alert style="shadow"] … [/alert]

Das ist ein Alert mit Schlagschatten.

[alert style="shadow-hover"] … [/alert]

Hier ein Alert mit Schlagschatten und Animationseffekt, wenn man mit der Maus drüberfährt.

[alert color="#fdc5f8"] … [/alert]

Mit selbstdefinierter Farbe

[alert color="#1f4c7a" border_color="#8fb1ef"] … [/alert]

Mit selbstdefinierter Farbe und Rand-Farbe