Наверх
 

Навигация
Опрос
Какие виды уроков Вы хотите видеть на сайте?
Битрикс
DLE
CSS
Joomla
Wordpress
Все для хостинга
Все для фотошопа
Другое

База уроков » » » » Затемнение при просмотре видео

Затемнение при просмотре видео

24 фев 2015 | Комментариев: 0 | Просмотров: 2323

Затемнение при просмотре видео

 

Хак затемнение при просмотре видео, установка в fullstory подходит для кино сайтов.

 

1. Найти и открыть в файле main.tpl:

 

</head>

 

Выше добавить:

 

<script>
function toggle () {
var perde = document.getElementById("perde");
if (perde.style.display != "block")
perde.style.display = "block";
else
perde.style.display = "none";
}
</script>

 

Найти:

 

<body>

 

Добавить ниже:

 

<div id="perde"></div>

 

2. Откройте файл style.css вашего шаблона и добавить ниже:

 

#perde {
display: none;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: black;
opacity: 0.8;
filter: alpha(opacity=80);
z-index: 100;
}
 
.ac-kapa {
position: relative;
background-color: tomato;
z-index: 101;
padding:10px;
color:white;
text-align:center;
text-decoration:none;
}
.video {
position: relative;
z-index: 101;
display:block;
}

 

3. В файле шаблон fullstory.tpl в нужном вам месте установить кнопку Включить / Выключить свет там где вы хотите:

 

<a href="javascript:;" class="ac-kapa" onclick="toggle();">Включить свет / Выключить свет</a>

 

Вы можете персонализировать нужную кнопку. Например, вы можете добавить визуальный эфект, а не текст.

 

4. И наконец, область, где используется видео-плеер для редактирования:

 

<div class="video">Тут видео код</div>

 



Ссылка на новость:

    html-cсылка на публикацию
    BB-cсылка на публикацию
    Прямая ссылка на публикацию

ЕЩЕ НА ЭТУ ТЕМУ:

Установка пароля для скачивания файлов для DLE

Установка пароля для скачивания файлов для DLE

Для некоторых проектов необходимо защитить скачивание файлов гостям. Например, чтобы только конкретные люди, зашедшие на сайт, могли скачать файлы. Данный хак
Вставляем видео с Rutube для DLE

Вставляем видео с Rutube для DLE

В этой статье расскажу как добавить хак, чтобы добавить видео с Rutube
Адаптирование шаблона dle 9.8 на 10.0

Адаптирование шаблона dle 9.8 на 10.0

Предлагаемый список изменений в шаблонах между версиями 9.8 и 10.0
Адаптирование шаблона dle 9.7 на 9.8

Адаптирование шаблона dle 9.7 на 9.8

Представляем список изменений в шаблонах между версиями DLE 9.7 и 9.8 которые нужно выполнить для обновления сайта под актуальную версию движка.
Адаптирование шаблона dle 9.4 на 9.5

Адаптирование шаблона dle 9.4 на 9.5

Расскажу как сделать адаптирование шаблона dle c версии 9.4 на версию 9.5
Адаптирование шаблона dle 9.5 на 9.6

Адаптирование шаблона dle 9.5 на 9.6

Произведем адаптирование шаблона dle с версии 9.5 на 9.6
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.