Последние учебники веб-разработки
 

W3.CSS Оповещения


Отображение предупреждений

×

Опасность!

Красный часто указывает на опасные или потенциально негативное действие.

×

Предупреждение!

Желтый и оранжевый часто указывает на предупреждение, что, возможно, нуждаются во внимании.

×

Успех!

Зеленый часто указывает на успешное или положительное действие.

×

Информация!

Синий часто указывает на нейтральную информативный изменение или действие.

Окно с предупреждением просто w3-контейнер с цветом:

пример

<div class="w3-container w3-red">
  <h3>Danger!</h3>
  <p>Red often indicates a dangerous or potentially negative action.</p>
</div> 
Попробуй сам "

W3.CSS Цвета

Предупреждения часто отображаются с сильным цветом, но любой цвет может быть использован:

Опасность!

Красный часто указывает на опасные или потенциально негативное действие.

Предупреждение!

Желтый часто указывает на предупреждение, что, возможно, нуждаются во внимании.

Успех!

Зеленый часто указывает на что-то успешное или положительный результат.


Опасность!

Предупреждение!

Успех!


Оповещения Закрытие

Чтобы закрыть эти контейнеры, нажмите на X в правом верхнем углу:

×

Опасность!

Красный часто указывает на опасные или потенциально негативное действие.

×

Предупреждение!

Желтый часто указывает на предупреждение, что, возможно, нуждаются во внимании.

×

Успех!

Зеленый часто указывает на успешное или положительное действие.

Закрытие предупреждение может быть сделано с помощью события OnClick на W3-closebtn:

пример

<span onclick="this.parentElement.style.display='none'" class="w3-closebtn">&times;</span>
Попробуй сам "

Округлые Alerts

Используйте w3-круглые классы , если вы хотите закругленные углы:

w3 круглый

w3 круглый большой

w3 круглый-XXLarge

пример

<div class="w3-container w3-green w3-round">
Попробуй сам "

Оповещение в качестве карты

W3-карта-8

пример

<div class="w3-container w3-red w3-card-8">
Попробуй сам "