Включение/выключение света на сайте для кино сайтов на куках by w...

7062
9 из 10
Проголосовало: 13






Установка:

И так, представляю вашему вниманию скрипт для кино сайтов или on-lain кинотятров, кому как удобнее будет... Во общем суть скрипта очень проста, в левом верхнем углу будет находиться кнопка включения и выключения света, кнопка не фиксированная, т.е. при прокрутке странице выключатель будет опускаться или подниматься за вами)). При нажатии на кнопку выключить свет, сразу затемняется весь сайт, кроме видео с ютуба, при повторном нажатии затемнение убирается, ну тут во общем все понятно, так же прикрутил куки, т.е. если вы включите свет и обновите страницу, то затемнение останется... во общем все...

Перед </body> вставляем:

Code
<img src="http://webo4ka.ru/Ucoz6/by_webo4ka/vykljuchit_svet_na_sajte_webo4ka.ru.png" onclick="setCookie('onZatemnenieWebo4kaRu', 1, 365); eraseCookie('offZatemnenieWebo4kaRu');" id="onSvetWebo4kaRu" style="position: fixed; top:30px; left:5px; z-index: 999; cursor: pointer;" title="Выключить свет">
<img src="http://webo4ka.ru/Ucoz6/by_webo4ka/vkljuchit_svet_na_sajte_webo4ka.ru.png" onclick="setCookie('offZatemnenieWebo4kaRu', 1, 365); eraseCookie('onZatemnenieWebo4kaRu');" id="offSvetWebo4kaRu" style="display: none; position: fixed; top:30px; left:5px; z-index: 999; cursor: pointer;" title="Включить свет">
<script type="text/javascript" src="http://webo4ka.ru/Ucoz6/by_webo4ka/vkljuchenie_vykljuchenie_sveta_na_sajte_dlja_kino_.js"></script>
<style>
#onOffWebo4kaRu {position:relative; z-index: 999;}
span[id^="scr"] {position: absolute; z-index: 999;}
#zatemnenieSaitaWebo4kaRu {background: rgba(0,0,0,0.9); z-index: 998; width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: none;}
</style>


во общем все, данный код будет работать для видео с ютуба, которое вы заключали в [video] [ /video], если же вам еще надо, что бы было поверх выключенного света, то вставите данный код куда вам надо:

Code

<div id="onOffWebo4kaRu">
В данном диве элементы будут отображаться поверх затемнения
</div>


демо

Всё!
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://webo4ka.ru/
  • Всего комментариев: 16

F1z140K
0
F1z140K написал: в материале Написано 20 Января 2015 в 23:42
Комментарий №16
Хороший скрипт у меня как раз сайт Онлайн Аниме понадобится =))

Сотник
0
Сотник написал: в материале Написано 18 Января 2015 в 01:54
Комментарий №12
Я поставил коды,всё работает,но тухнет весь экран,вместе с видео! Как быть?

Вовчик
0
Вовчик написал: в материале Написано 18 Января 2015 в 06:47
Комментарий №13
пере установить))

Сотник
0
Сотник написал: в материале Написано 18 Января 2015 в 14:28
Комментарий №14
Это только с ютубовским работает плеере,а у меня не ютуб! Переустановил и всё равно не то!

Вовчик
0
Вовчик написал: в материале Написано 18 Января 2015 в 20:41
Комментарий №15
там пофиг какой плеер, в данный блок <div id="onOffWebo4kaRu">
В данном диве элементы будут отображаться поверх затемнения
</div> вставляешь код и все
за 50р сделаю не для ютуб плеера))

Amnistik
0
Amnistik написал: в материале Написано 28 Ноября 2012 в 19:51
Комментарий №11
Теперь что нужно весь сайт переделывать для того что бы отображалось видео с контакта при выключеном свете?

lynat1k
+1
lynat1k написал: в материале Написано 22 Июня 2012 в 09:43
Комментарий №10
а как сделать чтоб ы вместо ютюбного видео оно так выделяло видео с контакта. вообщем видео в айфреме?

Ромашка:D
+1
Ромашка:D написал: в материале Написано 09 Июня 2012 в 22:36
Комментарий №6
А как сделать чтобы например только на одной странице работал скрипт ну например [реклама] или [реклама] smile

Slavik_WWWW
0
Slavik_WWWW написал: в материале Написано 10 Июня 2012 в 00:11
Комментарий №7
на етих страницах ста скрипт например страница материала коментария к нему tongue

Ромашка:D
0
Ромашка:D написал: в материале Написано 10 Июня 2012 в 00:26
Комментарий №8
Спасибо, но мне надо чтоб была например на странице /inndex/0-2! tongue

Вовчик
0
Вовчик написал: в материале Написано 10 Июня 2012 в 09:11
Комментарий №9
вставляй в ПУ \ Управление дизайном \ Страница (будет синим выделено), вроде так...

Insider
+1
Insider написал: в материале Написано 09 Июня 2012 в 01:07
Комментарий №5
Идея хорошая,но реализация ненравится...

Kostyan
+3
Kostyan написал: в материале Написано 08 Июня 2012 в 15:33
Комментарий №2
Вов, это прям для меня делали))Очень пригодилась)

Вовчик
+1
Вовчик написал: в материале Написано 08 Июня 2012 в 17:46
Комментарий №3
ну если это ты писал мне в лс примерно неделю назад... то да, а то я не помню кто мне писал. Вот решил сегодня сделать))

Kostyan
0
Kostyan написал: в материале Написано 08 Июня 2012 в 18:07
Комментарий №4
Это я писал) happy
Я вспомнил хD

BALCETUL
+2
BALCETUL написал: в материале Написано 08 Июня 2012 в 15:29
Комментарий №1
хе-интересно biggrin

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2126
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 433
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • dalamkontak написал:
  • Попробуйте социальную сеть Dalam Kontak !
    Сайт сети: Dkon.app
  • mrnoobsky написал:
  • Это моя работа, которая велась давольно таки давно smile Времени было мало, поэтому я скачал полностью все, что было и сделал архив happy
  • Snoopak написал:
  • 111 мегабайт? wtf? Что в архив напихали?
  • mrnoobsky написал:
  • Левое меню это BLG. Возможны какие-то баги, но в целом все должно работать корректно!
  • geleson2222 написал:
  • ?
    Последние темы
    Опрос
    541
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 4
    Гостей: 4
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей:
    • Обратная связь
    • Правила
    • RSS
    • +18
    • Мобильная версия
    • Хостинг от uCoz
    • Хостинг от uCoz
    • Copyright - webo4ka.ru © 2010-2025 г.
    • Design by Вовчик
      Администратор:)