Британский дизайнер сайтов Paul Underwood, автор блога , решил поделиться набором разработанных им CSS стилей для оформления блоков с уведомлениями.
В архиве по ссылке ниже вы найдете демо-страничку, иллюстрирующую как будет выглядеть каждый блок, иконки, а также CSS файл, который и отвечает за оформление блоков.
Файлы для скачивания
В набор включены оформления для следующих типов блоков с уведомлениями:
- Информация
- Успешное действие
- Ошибка
- Предупреждение
- Подсказка
- О безопасности действия
- Сообщение
- Информация о файле для скачивания
- Предложение о покупке
- Сообщение о печати
Как использовать код?
Для начала, скачайте архив, распакуйте и загрузите на ваш сайт CSS файлы и папку с изображениями. По умолчанию, она должна находится в той же папке, что и файлы стилей CSS.
Добавьте следующий код в страницу:
<div class="success"> <h4>Заголовок блока</h4> <p>Описание уведомления</p> </div>
Пример:
Оплата прошла успешно!
Уважаемый клиент, вы успешно оплатили выбранный вами товар “коньки детские” в нашем магазине.
Класс блока <div> соответствует типу уведомления. Все названия классов вы найдете в исходном коде в архиве.
Здесь можно оставить свои комментарии. Выпуск подготовленплагином wordpress для subscribe.ru
