Anzeige Benachrichtigungen
Achtung!
Rot bedeutet oft eine gefährliche oder potentiell negative Handlung.
Warnung!
Gelb und Orange zeigt oft eine Warnung, die Aufmerksamkeit benötigen.
Erfolg!
Grün bedeutet oft eine erfolgreiche oder positive Wirkung.
Info!
Blau bedeutet oft eine neutrale informative Änderung oder Aktion.
Ein Alert - Box ist nur ein w3-Behälter mit einer Farbe:
Beispiel
<div class="w3-container w3-red">
<h3>Danger!</h3>
<p>Red often
indicates a dangerous or potentially negative action.</p>
</div> Versuch es selber " W3.CSS Farben
Warnungen werden oft mit einer starken Farbe angezeigt, aber jede Farbe kann verwendet werden:
Achtung!
Rot bedeutet oft eine gefährliche oder potentiell negative Handlung.
Warnung!
Gelb zeigt oft eine Warnung, die Aufmerksamkeit benötigen.
Erfolg!
Grün bedeutet, oft etwas erfolgreich ist oder positiv.
Achtung!
Warnung!
Erfolg!
Schluss Alerts
Um diese Behälter zu schließen, klicken Sie auf das X in der rechten oberen Ecke:
Achtung!
Rot bedeutet oft eine gefährliche oder potentiell negative Handlung.
Warnung!
Gelb zeigt oft eine Warnung, die Aufmerksamkeit benötigen.
Erfolg!
Grün bedeutet oft eine erfolgreiche oder positive Wirkung.
Eine Warnung schließen kann mit Hilfe eines Onclick - Ereignis auf einem w3-closebtn erfolgen:
Beispiel
<span onclick="this.parentElement.style.display='none'"
class="w3-closebtn">×</span> Versuch es selber " Abgerundete Alerts
Verwenden Sie die w3-Runde Klassen , wenn Sie abgerundete Ecken wollen:
w3-Runde
w3-round-large
w3-round-xxlarge
Alarm als Karte
w3-Card-8