En son web geliştirme öğreticiler
 

W3.CSS Uyarılar


Uyarılar gösteriliyor

x

Tehlike!

Kırmızı genellikle tehlikeli ya da olumsuz etkisini gösterir.

x

Uyarı!

Sarı ve turuncu sıklıkla dikkat gerekebilir bir uyarı gösterir.

x

Başarı!

Yeşil sıklıkla başarılı veya pozitif eylemi gösterir.

x

Bilgi!

Mavi genellikle nötr bilgilendirici bir değişiklik veya eylemi belirtir.

Bir uyarı kutusu bir renk ile sadece w3-kapsayıcıdır:

Örnek

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

W3.CSS Renkler

Uyarılar genellikle güçlü bir renkle gösterilir, ancak her renk kullanılabilir:

Tehlike!

Kırmızı genellikle tehlikeli ya da olumsuz etkisini gösterir.

Uyarı!

Sarı sıklıkla dikkat gerekebilir bir uyarı gösterir.

Başarı!

Yeşil çoğu zaman başarılı veya olumlu bir şey olduğunu gösterir.


Tehlike!

Uyarı!

Başarı!


Kapanış Uyarılar

Bu kapları kapatmak için, sağ üst köşedeki X tıklayın:

x

Tehlike!

Kırmızı genellikle tehlikeli ya da olumsuz etkisini gösterir.

x

Uyarı!

Sarı sıklıkla dikkat gerekebilir bir uyarı gösterir.

x

Başarı!

Yeşil sıklıkla başarılı veya pozitif eylemi gösterir.

Bir uyarı Kapanış bir w3-closebtn üzerinde onclick olayı kullanılarak yapılabilir:

Örnek

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

Yuvarlak Uyarılar

Eğer yuvarlatılmış köşeler isterseniz w3-yuvarlak sınıflarını kullanın:

w3-yuvarlak

w3-yuvarlak büyük

w3-yuvarlak XXLarge

Örnek

<div class="w3-container w3-green w3-round">
Kendin dene "

Bir Kart olarak Uyarısı

w3-kart-8

Örnek

<div class="w3-container w3-red w3-card-8">
Kendin dene "