tutorial pengembangan web terbaru
 

W3.CSS Alerts


menampilkan Alerts

×

Bahaya!

Red sering menunjukkan tindakan yang berbahaya atau berpotensi negatif.

×

PERINGATAN!

Kuning dan oranye sering menunjukkan peringatan yang mungkin memerlukan perhatian.

×

Keberhasilan!

Hijau sering menunjukkan tindakan berhasil atau positif.

×

Info!

Biru sering menunjukkan perubahan informatif netral atau tindakan.

Kotak peringatan hanya w3-wadah dengan warna:

Contoh

<div class="w3-container w3-red">
  <h3>Danger!</h3>
  <p>Red often indicates a dangerous or potentially negative action.</p>
</div> 
Cobalah sendiri "

Warna W3.CSS

Alert sering ditampilkan dengan warna yang kuat, tapi warna apapun dapat digunakan:

Bahaya!

Red sering menunjukkan tindakan yang berbahaya atau berpotensi negatif.

PERINGATAN!

Kuning sering menunjukkan peringatan yang mungkin memerlukan perhatian.

Keberhasilan!

Hijau sering menunjukkan sesuatu yang sukses atau positif.


Bahaya!

PERINGATAN!

Keberhasilan!


Alerts penutupan

Untuk menutup wadah ini, klik pada X di sudut kanan atas:

×

Bahaya!

Red sering menunjukkan tindakan yang berbahaya atau berpotensi negatif.

×

PERINGATAN!

Kuning sering menunjukkan peringatan yang mungkin memerlukan perhatian.

×

Keberhasilan!

Hijau sering menunjukkan tindakan berhasil atau positif.

Menutup peringatan dapat dilakukan dengan menggunakan sebuah event onclick pada w3-closebtn:

Contoh

<span onclick="this.parentElement.style.display='none'" class="w3-closebtn">&times;</span>
Cobalah sendiri "

Tanda bulat

Menggunakan kelas w3-putaran jika Anda ingin sudut bulat:

w3-round

w3-round-besar

w3-round-xxlarge

Contoh

<div class="w3-container w3-green w3-round">
Cobalah sendiri "

Peringatan sebagai Kartu

w3-card-8

Contoh

<div class="w3-container w3-red w3-card-8">
Cobalah sendiri "