Visualizzazione Alerts
Pericolo!
Red spesso indica un'azione pericolosa o potenzialmente negativo.
Avvertimento!
Giallo e arancio indica spesso un avvertimento che potrebbe aver bisogno di attenzione.
Successo!
Verde indica spesso un'azione di successo o positiva.
Info!
Blu indica spesso un cambiamento informativo neutro o azione.
Una finestra di avviso è solo un w3-contenitore con un colore:
Esempio
<div class="w3-container w3-red">
<h3>Danger!</h3>
<p>Red often
indicates a dangerous or potentially negative action.</p>
</div> Prova tu stesso " Colori W3.CSS
Gli avvisi sono spesso visualizzati con un colore forte, ma qualsiasi colore può essere utilizzato:
Pericolo!
Red spesso indica un'azione pericolosa o potenzialmente negativo.
Avvertimento!
Giallo indica spesso un avvertimento che potrebbe aver bisogno di attenzione.
Successo!
Verde indica spesso qualcosa di successo o positivo.
Pericolo!
Avvertimento!
Successo!
Avvisi di chiusura
Per chiudere questi contenitori, cliccare sulla X in alto a destra:
Pericolo!
Red spesso indica un'azione pericolosa o potenzialmente negativo.
Avvertimento!
Giallo indica spesso un avvertimento che potrebbe aver bisogno di attenzione.
Successo!
Verde indica spesso un'azione di successo o positiva.
Chiusura di un avviso può essere fatto utilizzando un evento onclick su un w3-closeBtn:
Esempio
<span onclick="this.parentElement.style.display='none'"
class="w3-closebtn">×</span> Prova tu stesso " Avvisi arrotondati
Utilizzare le classi w3 tutto se si desidera che gli angoli arrotondati:
w3-rotonda
w3-round-grande
w3-round-XXLarge
Avviso come Scheda
w3-card-8