Примеры оформления сообщений

Сегодня я решил выложить примеры того, как можно стилизовать системных уведомления в какой-нибудь абстрактной системе управления содержимым сайта. Ну хотя бы даже так, как это сделано в блоговом WordPress.

Обычное сообщение. Выполнение какого-то действия завершено. Настройки плагина-темы сохранены.

Сообщение об ошибке. Не удалось сделать такое-то действие: неверная пара логин-пароль, неверная.

Делается подобное представленным ниже CSS3 кодом:

.wp-messages {
    background: #FFFFE0;
    border: solid 1px #E6DB55; 
    margin: 0 0 16px 8px;
    padding: 12px;
    border-radius: 3px;
    text-indent: 0;
    // последние три строчки необязательны
    font-family: sans-serif;
    line-height: 1.4em;
    color: #333;
}

.wp-messages.error {
    background-color: #FFEBE8;
    border-color: #CC0000;
}

 





© 2012-2014 Druweb.ru. Вы можете спокойно копировать любые материалы сайта только при наличии обратной ссылки.