Навигация

DataLife Engine v.10.5

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

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

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

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

В этой статье расскажу как добавить хак, чтобы добавить видео с Rutube

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

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

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

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

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

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

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

Произведем адаптирование шаблона dle с версии 9.5 на 9.6

Комментарии
Вконтакте

Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.