Назад
Регистрация Войти
Войти через VK Войти через FB Войти через Google Войти через Яндекс




Поиск по сайту




Наш Telegram бот: @htmlweb_bot

Информационные блоки предупреждений

Сообщение об ошибке!
Это блок предупреждения!
Это информационный блок!
Исходный код этого примера:
<style>
    .warn_red,
    .warn_yellow,
    .info {
        font-size: 14px;
        border: 1px solid #d3d5c3;
        border-radius: 5px;
        margin-bottom: 5px;
        padding: 14px 20px 6px 48px;
        min-height: 30px;
        max-width: 600px;
    }
    .warn_red {
        background: transparent url("/pic/icon/warn_red.gif") no-repeat scroll 14px 13px;
        color: #c00;
        font-weight: bold;
    }
    .warn_yellow {
        background: transparent url("/pic/icon/warn_yellow.gif") no-repeat scroll 14px 13px;
        color: #e9a708;
        font-weight: bold;
    }
    .info {
        background: #fffbcf url("/pic/icon_i.png") no-repeat scroll 14px 13px;
    }
</style>

<div class="warn_red">Сообщение об ошибке!</div>
<div class="warn_yellow">Это блок предупреждения!</div>
<div class="info">Это информационный блок!</div>

скачать warn_red.gif, скачать warn_yellow.gif, скачать icon_i.png.


.