Предупредительные сообщения на CSS

Простой вариант добавления в контент предупредительных сообщений, которые устанавливаются одним блоком <div class="n-name">...</div>.

Пример:

Предупредительное сообщение "SUCCESS".

<div class="n-success">...</div>

Предупредительное сообщение "WARNING".

<div class="n-warning">...</div>

Предупредительное сообщение "DANGER".

<div class="n-danger">...</div>

Предупредительное сообщение "INFO".

<div class="n-info">...</div>

В примере используются иконки шрифта Font Awesome, которые при желании можно заменить на другие

HTML:

CSS:

Смотрите также:

Добавить комментарий:

Ваш комментарий отправлен!