Информирующее сообщение - Информеры - UCOZ - Каталог файлов - Каморка
kamorka
Menu
Войти
Регистрация
Посетители за сегодня
Обратная связь
Опрос
Правила чата
Пользователи онлайн
−Мини-чат
+Мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0
   Категории
Комментарии
༒AДМИНИСТРАТОР༒
21-Декабря-2021
noНе выводит сообщения в чат.
Ответить
Vitalya
18-Апреля-2021
Игор приносим свои извинения за предоставленные не удобства, сайт проходит перекваливфикацыю, по эт
Ответить
igor_ponyshkov
10-Апреля-2021
noЭТО МЕНЮ НЕ РАБОТАЕТ https://wampi.ru/image/RnPeLYV
Ответить
Milan_Shubin
01-Июля-2018
Спасибо, вы не виноват, эта все zornet не указывает авторов и источник, если ему так написать то ба
Ответить
Vitalya
01-Июля-2018
Приносим свои извинения, всё исправим...
Ответить
KaMoRkA.uCoz.com -- uCoz -- Информеры
Информирующее сообщение
1. Информирующее сообщение

Информирующее сообщение должно быть голубыми, так как люди ассоциируют этот цвет с информацией. Это может быть любая информация, которая может быть полезна юзеру.


2. Сообщения об успешной операции

Сообщения об успехе должны быть показаны после того, как юзер успешно выполнил какую-либо операцию. Успешно - означает полностью и без ошибок. Обычно такие сообщения зеленого цвета.


3. Предупреждающее сообщение

Предупреждающее сообщения должны быть показаны пользователю если операция не может быть завершена. Обычно они желтого цвета.


4. Сообщения об ошибке

Сообщения об ошибке должны быть показаны только в том случае, если операцию невозможно выполнить. Красный идеальный цвет для этого, так как многие ассоциируют этот цвет с тревогой


В CSS вставляем данный код:

Код

<STYLE>  
body{  
font-family:Arial, Helvetica, sans-serif;  
font-size:13px;  
}  
.info, .success, .warning, .error {  
border: 1px solid;  
margin: 10px 0px;  
padding:15px 10px 15px 50px;  
background-repeat: no-repeat;  
background-position: 10px center;  
}  
.info {  
color: #000000;  
background-color: #32A6FF;  
background-image: url('http://webo4ka.3dn.ru/favicon.ico');  
}  
.success {  
color: #000000;  
background-color: #9FF204;  
background-image:url('http://webo4ka.3dn.ru/favicon_zelen.png');  
}  
.warning {  
color: #000000;  
background-color: #F6F931;  
background-image: url('http://webo4ka.3dn.ru/favicon_zeltii.png');  
}  
.error {  
color: #000000;  
background-color: #FC3232;  
background-image: url('http://webo4ka.3dn.ru/favicon_krasnii.png');  
}  
</STYLE><P>


Теперь нам достаточно в теле документа создать слой с необходимым классом:

Код
<DIV class="info">Информирующее сообщение</DIV> <BR>  
<DIV class="success">Сообщение об успешной операции</DIV> <BR>  
<DIV class="warning">Предупреждающее сообщение</DIV> <BR>  
<DIV class="error">Сообщение об ошибке</DIV> <BR><P>

Важно!

При копировании материала указывать ссылку на источник.

- 513
- 13-Января-2017
- 0
Материал разместил:

Похожий материал
Статьи сайта
12-Ноября-2017 в 23:41:03
Рай для верстальщика: синхронизация окон браузеров
29-Июня-2017 в 12:30:13
Что такое информер и зачем нужен на сайте
29-Июня-2017 в 10:21:53
Ограничить длину заголовка и описание к материалу для uCoz
05-Марта-2017 в 12:54:01
Сокращаем "Описание" в вид материалов
01-Марта-2017 в 17:08:05
Не форматируется флешка? Решение есть