Derniers tutoriels de développement web
 

W3.CSS Alertes


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">&times;</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

Exemple

<div class="w3-container w3-green w3-round">
Try It Yourself »

Alert comme une carte

w3-card-8

Exemple

<div class="w3-container w3-red w3-card-8">
Try It Yourself »