Affichage des alertes
Danger!
Le rouge indique souvent une action dangereuse ou potentiellement négative.
Attention!
Jaune et orange indique souvent un avertissement qui pourraient avoir besoin d'attention.
Le succès!
Le vert indique souvent une action réussie ou positive.
Info!
Le bleu indique souvent un changement ou une action d'information neutre.
Un message d'alerte est juste un w3-conteneur avec une couleur:
Exemple
<div class="w3-container w3-red">
<h3>Danger!</h3>
<p>Red often
indicates a dangerous or potentially negative action.</p>
</div> Try It Yourself » Couleurs W3.CSS
Les alertes sont souvent affichés avec une couleur forte, mais toute couleur peuvent être utilisés:
Danger!
Le rouge indique souvent une action dangereuse ou potentiellement négative.
Attention!
Le jaune indique souvent un avertissement qui pourraient avoir besoin d'attention.
Le succès!
Le vert indique souvent quelque chose réussie ou positive.
Danger!
Attention!
Le succès!
Alertes de clôture
Pour fermer ces conteneurs, cliquez sur le X dans le coin supérieur droit:
Danger!
Le rouge indique souvent une action dangereuse ou potentiellement négative.
Attention!
Le jaune indique souvent un avertissement qui pourraient avoir besoin d'attention.
Le succès!
Le vert indique souvent une action réussie ou positive.
Fermeture d' une alerte peut être fait en utilisant un événement onclick sur un w3-CloseBtn:
Exemple
<span onclick="this.parentElement.style.display='none'"
class="w3-closebtn">×</span> Try It Yourself » Alertes arrondi
Utilisez les classes w3-rondes si vous voulez des coins arrondis:
w3-ronde
w3-round-large
w3-round-XXLarge
Alert comme une carte
w3-card-8