Afiseaza Alerte
Pericol!
Roșu indică adesea o acțiune periculoasă sau potențial negativ.
Avertizare!
Galben și portocaliu de multe ori indică un avertisment care ar putea avea nevoie de atenție.
Succes!
Verde indică adesea o acțiune de succes sau pozitiv.
Info!
Albastră indică adesea o schimbare informativă neutră sau o acțiune.
O casetă de alertă este doar un W3-recipient cu o culoare:
Exemplu
<div class="w3-container w3-red">
<h3>Danger!</h3>
<p>Red often
indicates a dangerous or potentially negative action.</p>
</div> Încearcă - l singur » W3.CSS Culori
Alertele sunt de multe ori afișate cu o culoare puternica, dar orice culoare poate fi utilizat:
Pericol!
Roșu indică adesea o acțiune periculoasă sau potențial negativ.
Avertizare!
Galben indică adesea un avertisment care ar putea avea nevoie de atenție.
Succes!
Verde indică de multe ori ceva de succes sau pozitiv.
Pericol!
Avertizare!
Succes!
Alerte de închidere
Pentru a închide aceste containere, faceți clic pe X în colțul din dreapta sus:
Pericol!
Roșu indică adesea o acțiune periculoasă sau potențial negativ.
Avertizare!
Galben indică adesea un avertisment care ar putea avea nevoie de atenție.
Succes!
Verde indică adesea o acțiune de succes sau pozitiv.
Închiderea unei alerte se poate face folosind un eveniment onclick pe un W3-closebtn:
Exemplu
<span onclick="this.parentElement.style.display='none'"
class="w3-closebtn">×</span> Încearcă - l singur » Alerte cilindrat
Utilizați clasele W3-rotunde , dacă doriți colturi rotunjite:
w3-rotund
mare W3-rotund-
w3-rotund-xxlarge
Alarma ca un card
W3-card-8