stas9238 0 Опубликовано: 10 мая 2014 Рассказать Опубликовано: 10 мая 2014 Доброй ночи, дорогие друзья. Суть вопроса заключается в том, что нужна кнопка, после нажатия на которую все вокруг плеера будет затемняться. Вот собственно все Спасибо. сайт Цитата Ссылка на сообщение Поделиться на других сайтах
stas9238 0 Опубликовано: 14 мая 2014 Рассказать Опубликовано: 14 мая 2014 Автор не подскажете как сделать? Цитата Ссылка на сообщение Поделиться на других сайтах
stas9238 0 Опубликовано: 17 мая 2014 Рассказать Опубликовано: 17 мая 2014 Автор ? Цитата Ссылка на сообщение Поделиться на других сайтах
stas9238 0 Опубликовано: 10 июня 2014 Рассказать Опубликовано: 10 июня 2014 Автор ну что? Цитата Ссылка на сообщение Поделиться на других сайтах
stas9238 0 Опубликовано: 2 октября 2014 Рассказать Опубликовано: 2 октября 2014 Автор тема все еще актуальна Цитата Ссылка на сообщение Поделиться на других сайтах
odys 384 Опубликовано: 14 октября 2014 Рассказать Опубликовано: 14 октября 2014 тема все еще актуальна вот, делай... http://ruseller.com/lessons.php?rub=32&id=320 Цитата Ссылка на сообщение Поделиться на других сайтах
stas9238 0 Опубликовано: 15 октября 2014 Рассказать Опубликовано: 15 октября 2014 Автор тема все еще актуальна вот, делай... http://ruseller.com/...p?rub=32&id=320 при нажатии на кнопку перекидывает вверх странички. тема все еще актуальна вот, делай... http://ruseller.com/...p?rub=32&id=320 <div id="container"> <div id="command"><a class="lightSwitcher" href="#">Turn off the lights</a></div> <div id="movie"> [vkontakte-constructor]<br /><center>{vkontakte-constructor}</center>[/vkontakte-constructor]</div> </div> </div> Так? Цитата Ссылка на сообщение Поделиться на других сайтах
baxus 49 Опубликовано: 15 октября 2014 Рассказать Опубликовано: 15 октября 2014 делаешь блок присваиваешь ему дисплей ноу, сажаешь его на з-индекс повыше сайта, а видяхам присваиваешь зиндекс ещё выше. Блоку даёшь свойство растягиватся на 100% во все стороны. и прозрачность там процентов 50% опционально. Потом нужно просто найти ява код который будет этому блоку параметр дисплей менять с невидимого на видимый, присвоить его кнопке и вуаля. Я просто давно не кодировал пару лет, уже не помню что и как. Но теперь у тебя есть направление в котором двигаться на htmlbook справочник по коду весь есть. Цитата Ссылка на сообщение Поделиться на других сайтах
stas9238 0 Опубликовано: 15 октября 2014 Рассказать Опубликовано: 15 октября 2014 (изменено) Автор делаешь блок присваиваешь ему дисплей ноу, сажаешь его на з-индекс повыше сайта, а видяхам присваиваешь зиндекс ещё выше. Блоку даёшь свойство растягиватся на 100% во все стороны. и прозрачность там процентов 50% опционально. Потом нужно просто найти ява код который будет этому блоку параметр дисплей менять с невидимого на видимый, присвоить его кнопке и вуаля. Я просто давно не кодировал пару лет, уже не помню что и как. Но теперь у тебя есть направление в котором двигаться на htmlbook справочник по коду весь есть. ну как тут? http://ruseller.com/...p?rub=32&id=320 Изменено 15 октября 2014 пользователем stas9238 Цитата Ссылка на сообщение Поделиться на других сайтах
odys 384 Опубликовано: 15 октября 2014 Рассказать Опубликовано: 15 октября 2014 ну как тут? http://ruseller.com/...p?rub=32&id=320 я же тебе дал ссылку, там всё расписано, есть демо, открой его, посмотри исходный код и делай также Цитата Ссылка на сообщение Поделиться на других сайтах
stas9238 0 Опубликовано: 16 октября 2014 Рассказать Опубликовано: 16 октября 2014 (изменено) Автор ну как тут? http://ruseller.com/...p?rub=32&id=320 я же тебе дал ссылку, там всё расписано, есть демо, открой его, посмотри исходный код и делай также понял Изменено 16 октября 2014 пользователем stas9238 Цитата Ссылка на сообщение Поделиться на других сайтах
stas9238 0 Опубликовано: 16 октября 2014 Рассказать Опубликовано: 16 октября 2014 Автор перекидывает вверх страницы при нажатии на кнопку Цитата Ссылка на сообщение Поделиться на других сайтах
odys 384 Опубликовано: 16 октября 2014 Рассказать Опубликовано: 16 октября 2014 понял видать не понял, раз перекидывает вверх страницы при нажатии на кнопку я открыл ссылку, которую ты прислал в ЛС, я тебе там писал, что jquery нужно убрать, он уже подключен в DLE. Он подключается в шаблоне main.tpl тегом {headers}, который выводит и meta-теги и нужные движку скрипты! Скрипт выключателя нужно размещать в main.tpl не до {headers}, а после: <script type="text/javascript"> $(document).ready(function(){ $("#shadow").css("height", $(document).height()).hide(); $(".lightSwitcher").click(function(){ $("#shadow").toggle(); if ($("#shadow").is(":hidden")) $(this).html("Выключить свет").removeClass("turnedOff"); else $(this).html("Включить свет").addClass("turnedOff"); }); }); </script> затем код плеера нужно заключить в div с id movie и добавить пустой div с id shadow, а кнопку выключения в любое место <a class="lightSwitcher" href="javascript:;">Выключить свет</a> <div id="movie">КОД ПЛЕЕРА</div> <div id="shadow"></div> ну и стили нужно давить в .css файл #movie, .lightSwitcher {z-index:101;position:relative;} #shadow {background:#000;opacity:0.9;filter:alpha(opacity=90);position:fixed;left:0;top:0;height:100%;width:100%;z-index:100;display:none;} Если что-то не будет работать, ищи причину в кривых руках, у меня всё работает: http://www.kanaspo.com/cinema.html Цитата Ссылка на сообщение Поделиться на других сайтах
stas9238 0 Опубликовано: 16 октября 2014 Рассказать Опубликовано: 16 октября 2014 Автор понял видать не понял, раз перекидывает вверх страницы при нажатии на кнопку я открыл ссылку, которую ты прислал в ЛС, я тебе там писал, что jquery нужно убрать, он уже подключен в DLE. Он подключается в шаблоне main.tpl тегом {headers}, который выводит и meta-теги и нужные движку скрипты! Скрипт выключателя нужно размещать в main.tpl не до {headers}, а после: <script type="text/javascript"> $(document).ready(function(){ $("#shadow").css("height", $(document).height()).hide(); $(".lightSwitcher").click(function(){ $("#shadow").toggle(); if ($("#shadow").is(":hidden")) $(this).html("Выключить свет").removeClass("turnedOff"); else $(this).html("Включить свет").addClass("turnedOff"); }); }); </script> затем код плеера нужно заключить в div с id movie и добавить пустой div с id shadow, а кнопку выключения в любое место <a class="lightSwitcher" href="javascript:;">Выключить свет</a> <div id="movie">КОД ПЛЕЕРА</div> <div id="shadow"></div> ну и стили нужно давить в .css файл #movie, .lightSwitcher {z-index:101;position:relative;} #shadow {background:#000;opacity:0.9;filter:alpha(opacity=90);position:fixed;left:0;top:0;height:100%;width:100%;z-index:100;display:none;} Если что-то не будет работать, ищи причину в кривых руках, у меня всё работает: http://www.kanaspo.com/cinema.html все идеально, спасибо) Цитата Ссылка на сообщение Поделиться на других сайтах
Рекомендованные сообщения
Присоединяйтесь к обсуждению
Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.