Wyświetlanie alertów
Niebezpieczeństwo!
Red często wskazuje na niebezpieczną lub potencjalnie negatywnego działania.
Ostrzeżenie!
Żółte i pomarańczowe często oznacza ostrzeżenie, które mogą wymagać uwagi.
Powodzenie!
Zielona często wskazuje na pomyślne i pozytywne działania.
Info!
Niebieski często wskazuje neutralną zmianę informacyjny lub działania.
Otwarte okno alertu jest tylko w3-pojemnik z kolorem:
Przykład
<div class="w3-container w3-red">
<h3>Danger!</h3>
<p>Red often
indicates a dangerous or potentially negative action.</p>
</div> Spróbuj sam " W3.CSS Kolory
Alarmy są często wyświetlane z mocnym kolorem, ale każdy kolor można stosować:
Niebezpieczeństwo!
Red często wskazuje na niebezpieczną lub potencjalnie negatywnego działania.
Ostrzeżenie!
Żółty często oznacza ostrzeżenie, które mogą wymagać uwagi.
Powodzenie!
Zielona często wskazuje na coś pomyślnego lub pozytywny.
Niebezpieczeństwo!
Ostrzeżenie!
Powodzenie!
Alarmy zamykające
Aby zamknąć te pojemniki, kliknij na przycisk X w prawym górnym rogu:
Niebezpieczeństwo!
Red często wskazuje na niebezpieczną lub potencjalnie negatywnego działania.
Ostrzeżenie!
Żółty często oznacza ostrzeżenie, które mogą wymagać uwagi.
Powodzenie!
Zielona często wskazuje na pomyślne i pozytywne działania.
Zamknięcie alert może być wykonane przy użyciu zdarzenie onclick na w3-closebtn:
Przykład
<span onclick="this.parentElement.style.display='none'"
class="w3-closebtn">×</span> Spróbuj sam " Zaokrąglone Alerts
Użyj klas w3 rundy jeśli chcesz zaokrąglone narożniki:
w3-round
w3-round-large
w3-round-XXLarge
Alert jak karta
w3-card-8