Описание:
Наверное у вас не раз возникал вопрос как выделить ту или иную информацию на своем сайте. Примером такой информации может быть просьба зарегистрироваться посетителей чтобы получить доступ к комментированию статьи, важная часть сообщения с обращением к посетителям или же оформление сообщений на вашем форуме в рамки для текста. Предлагаю 3 цветовых решений таких информационных сообщений. Такие выделяющиеся блоки являются просто отличным способом привлечь внимание ваших посетителей к важной информации.
Установка:
1. Скачать архив и залит на ваш сайт в папку css .
2. Подключить шрифт:
Код
<link type="text/css" rel="StyleSheet" href="/css/fonts.css" />
3. Сам код табличек:
Код
<div class="flash">
<a href="#" class="close"></a>
<span><i class="icon-2x icon-star"></i></span>
<p>Здесь можеть быть все что угодно :-)</p>
</div>
<div class="flash error">
<a href="#" class="close"></a>
<span><i class="icon-2x icon-warning-sign"></i></span>
<p>Здесь можеть быть все что угодно :-)</p>
</div>
<div class="flash success">
<a href="#" class="close"></a>
<span><i class="icon-2x icon-smile"></i></span>
<p>Здесь можеть быть все что угодно :-)</p>
</div>
4. А это в CSS:
Код
.flash {
position: relative;
padding: 1em;
font-family: "Open Sans", helvetica, arial, sans-serif;
color: #fff;
background: #303030;
text-align: center;
margin-bottom: 1em; }
.flash p {
margin-bottom: 0; }
.flash.error {
background: #f2594b; }
.flash.success {
background: #14a19a; }
