Кнопка уведомлений для uCoz
Всем привет, вот вам полезный скрипт который позволит админам при работе с сайтом закрывать временно разделы с уведомлением пользователя.
Возможности:
1. Ставить любой текст и без ограничений кнопок уведомлений!.
2. Добавлен audio при клике
3. Легко кастомизировать и добавить свои функции (Картинку и т.д).
Установка:
1. Добавим html вызов кнопки onclick:
1-1. Уведомление при загрузке страницы(js):
В html\скрипте:
TurBo-S - Тест нашего уведомления
https://woobl.ru/other/cl3.m4a - Звук уведомления.
2. Добавим js:
3. Добавим вид уведомлению:
Автор: Best_Studio
Возможности:
1. Ставить любой текст и без ограничений кнопок уведомлений!.
2. Добавлен audio при клике
3. Легко кастомизировать и добавить свои функции (Картинку и т.д).
Установка:
1. Добавим html вызов кнопки onclick:
Код
<div class="push-add" onclick="push.call('TurBo-S','https://woobl.ru/other/cl3.m4a')">Уводомление - кнопка</div>
1-1. Уведомление при загрузке страницы(js):
Код
push.call('Best Studio','https://woobl.ru/other/cl3.m4a');
В html\скрипте:
TurBo-S - Тест нашего уведомления
https://woobl.ru/other/cl3.m4a - Звук уведомления.
2. Добавим js:
Код
push = {
call:function(pushInfo,file){
$('.push').html(pushInfo).fadeIn(500).delay(4000).fadeOut(500);
mp3=new Audio(file);mp3.src=file;mp3.play();
}
}
call:function(pushInfo,file){
$('.push').html(pushInfo).fadeIn(500).delay(4000).fadeOut(500);
mp3=new Audio(file);mp3.src=file;mp3.play();
}
}
3. Добавим вид уведомлению:
Код
.push-add {
background: #2B587A;
padding: 16px 7px;
color: #fff;
font-size: 11px;
font-family: sans-serif;
border-radius: 5px;
font-weight: bold;
text-align: center;
}
.push {
display:none;
position: fixed;
bottom: 100px;
background: #5f96fd;
color: #fff;
padding: 10px;
border-radius: 50px;
font-family: font1;
z-index: 9999;
text-align: center;
left: 25%;
right: 25%;
}
background: #2B587A;
padding: 16px 7px;
color: #fff;
font-size: 11px;
font-family: sans-serif;
border-radius: 5px;
font-weight: bold;
text-align: center;
}
.push {
display:none;
position: fixed;
bottom: 100px;
background: #5f96fd;
color: #fff;
padding: 10px;
border-radius: 50px;
font-family: font1;
z-index: 9999;
text-align: center;
left: 25%;
right: 25%;
}
Автор: Best_Studio
Скачать бесплатно - [.]
без регистрации через 5 сек.
Или скачать без ожидания.
Или скачать без ожидания.
