Кнопка
пригодится на сайтах со светлым дизайном, затемняет всё, кроме
плеера.Обычно фильмы онлайн смотрят в полноэкранном режиме, но есть
фильмы плохого качества и в полноэкранном режиме такой фильм смотреть
мало удовольствия, а посмотреть хочется и, чтобы фон сайта не отвлекал
от просмотра как раз эта кнопочка и пригодится.
На странице где будете использовать, перед /head ставим :
Код
<!--/выключить свет-->
<style type="text/css">
/*выключить свет*/
.lightSwitcher { position:relative; z-index:101; background-image:url(http://mega.ucoz.ua/demo/vikl_svet/light_bulb_off.png); background-repeat:no-repeat; background-position:left; padding: 2px 0 2px 20px; height:16px; outline:none; text-decoration:none; }
.lightSwitcher:hover { text-decoration:underline; }
#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; }
.turnedOff { color:#ffff00; background-image:url(http://mega.ucoz.ua/demo/vikl_svet/light_bulb_on.gif); }
object { z-index:101; position:relative; }
/*/выключить свет*/
</style>
И в то место где хотите видеть кнопку ставим :
Код
<!--выключить свет -->
<!--код кнопки-->
<div align="center">
<a class="lightSwitcher" href="#">Выключить свет</a>
</div>
<!--/код кнопки-->
<!--тёмный блок-->
<div id="shadow">
</div>
<!--/тёмный блок-->
<!--/выключить свет-->
<!---->