Все для DataLife Engine / DLE хаки / Хак для DLE / Хак DLE затемнение при просмотре видео

Хак DLE затемнение при просмотре видео


Представляем на блоге dle9.com сайтам с видеороликами хак DLE затемнение при просмотре видео, позволяет при просмотре фильма выделять плеер, а всю остальную часть затемняет, чтобы не мешало просмотру. Простоя установка, скрипт добавляется в main.tpl и в шаблон полной новости. Хак для DLE затемнение при просмотре видео подойдет любому сайту с видеороликами, особенно для кино порталов.

Установка хака затемнение заднего фона при просмотре видео
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>


Реализация работает на любой версии DataLife Engine


Скачать хаки для DLE вы сможете на нашем сайте, представленный хак можно закачать по следующей ссылке

Hak-DLE-Zatemnenie-pri-prosmotre-video.rar [10,33 Kb] (cкачиваний: 24)
  • 60
Добавить комментарий

Оставить комментарий

    • bowtiesmilelaughingblushsmileyrelaxedsmirk
      heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
      winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
      worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
      expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
      disappointedconfoundedfearfulcold_sweatperseverecrysob
      joyastonishedscreamtired_faceangryragetriumph
      sleepyyummasksunglassesdizzy_faceimpsmiling_imp
      neutral_faceno_mouthinnocent