Главная   Форум   Правила   Помощь   Топ 100   Журнал   Статистика   Участники   RSS  
  Фильмы   Музыка   Игры   Сериалы   Ссыль   TorrentBot   Русское видео  

Баннер/Объявление:

Игры, Фильмы, Программы, Музыка по заявкам - тут
Новая раздача ICQ 7* знаков от Bigtorrento! Подробности тут - Forum BG

 
Меню сайта
Мини-чат
200
Наш опрос

Как лучше добавлять скрипты

Форма входа
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: EKO  
Шаблоны для ucoz » Скрипты для uCoz » Форум » Рамки информеры для uCoz
Рамки информеры для uCoz
EKOДата: Воскресенье, 14.11.2010, 22:18 | Сообщение # 1
Генерал-майор
Зарегистрирован: 11.09.2010
Группа: Пользователь
Пользователь №: 1
Сообщений: 269
Репутация: 32767
Статус: Offline
1. Информационные сообщения

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

2. Сообщения об успехе

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

3. Сообщения-предупреждения

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

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

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

5. Сообщения проверки

Еще один тип сообщений. Я предпочел для них оранжевый цвет. Подобные
сообщения показывают пользователю его ошибки (например, при заполнении
форм).

Установка:
Данный код ставим в самый конец вашего CSS (или можно засунуть в файл):

Code
body{   
font-family:Arial, Helvetica, sans-serif;   
font-size:13px;   
}   
.info, .success, .warning, .error, .validation {   
border: 1px solid;   
margin: 10px 0px;   
padding:15px 10px 15px 50px;   
background-repeat: no-repeat;   
background-position: 10px center;   
}   
.info {   
color: #00529B;   
background-color: #BDE5F8;   
background-image: url('/ramki/info.png');   
}   
.success {   
color: #4F8A10;   
background-color: #DFF2BF;   
background-image:url('/ramki/success.png');   
}   
.warning {   
color: #9F6000;   
background-color: #FEEFB3;   
background-image: url('/ramki/warning.png');   
}   
.error {   
color: #D8000C;   
background-color: #FFBABA;   
background-image: url('/ramki/error.png');   
}   
.validation {   
color: #D63301;   
background-color: #FFCCBA;   
background-image: url('/ramki/validation.png');   
}

Теперь в нужном вам месте ставим свою информацию нужные нам теги, как изображено в коде:

Code
<div class="info">Информационное сообщение</div>  
<div class="success">Операция успешно выполнена</div>  
<div class="warning">Предупреждение</div>  
<div class="error">Ошибка</div>  
<div class="validation">Подтверждение</div>

Папку из архива заливаем в корень сайта!

Всё!


 
Шаблоны для ucoz » Скрипты для uCoz » Форум » Рамки информеры для uCoz
  • Страница 1 из 1
  • 1
Поиск: