prowebber.ru - Тут есть все для настоящих вебмастеров

Чтение RSS Мы в твиттере
«    Декабрь 2016    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 

Всё для вебмастера » Web » Скрипты » Light&Dark by KJIA6EP

Light&Dark by KJIA6EP


Данный материал предоставлен сайтом ProWebber.ru исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
У нас вы можете скачать бесплатно Light&Dark by KJIA6EP.


Добрый день, уважаемые форумчане!

Сделал небольшой скрипт Light&Dark (затемнение сайта) как и обещал на обычном javascript'e biggrin

Перед /head вставить:

<script>
//////////////////////////////////////////////////////////////////////////////////////////
// Название: light&dark                                                                    //
// Автор: KJIA6EP (UXEN)                                                                //
// Версия: 0.1 (test)                                                                    //
// Комментарий: специально для prowebber.ru & icon desinger: Liam McKay                    //
//////////////////////////////////////////////////////////////////////////////////////////

function u_light_and_dark(func){

var on_dark = '0.7' // можете установить свою степень темноты от 0.1 до 1
var off_dark = '0' // отключение темноты

var on_imgurl = "img/lightbulb.png" // Внимание укажите путь к картинкам!
var off_imgurl = "img/lightbulb_off.png" // Внимание укажите путь к картинкам!

// дальше в код лучше не лезть!
// иначе электрик Дядя Вася будет злой! ^^

var light = document.getElementById("ubody_layout_ld").style;
var uld = document.getElementById('ubutton_ld');

if (func == 'on'){
light.opacity = on_dark
uld.innerHTML = '<img id="uimgurl" onclick="u_light_and_dark(\'off\');" src="'+off_imgurl+'" />'
}

else if (func == 'off') {
light.opacity = off_dark
uld.innerHTML = '<img id="uimgurl" onclick="u_light_and_dark(\'on\');" src="'+on_imgurl+'" />'
}

else {
alert('Ошибка 404: функция неопознана!')
}

}    
</script>


в стиль вашего сайта вставить:

#ubody_layout_ld{
    z-index: 1;
    position: fixed;
    margin: -100px;
    width: 200%;
    height: 200%;
    background: #000000;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
    opacity: 0.0;
}
#ubutton_ld{
    z-index: 3;
    position: fixed;
    left: 2px;
    top: 2px;
}
.udiv_look{
    position: fixed;
    z-index: 2;
}


Желательно перед /body (разницы нет)

<div id="ubody_layout_ld">&nbsp;</div>
    <div id="ubutton_ld"> <img id="uimgurl" onclick="u_light_and_dark('on');" src="img/lightbulb.png" /> </div>


В нужное вам место:
<div class="udiv_look">здесь блок в котором будет видео и т.п</div>


Скачать:
Внимание! У вас нет прав для просмотра скрытого текста.


0
Просмотры: 3222 VIP ProWebber | Комментарии (28)
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1jakal

  • 14 февраля 2012 22:46
  • Регистрация: 21.12.2009
  • ICQ: 6-913-427
  • Комментариев: 86
а есть демо? что бы глянуть что это за чудо)

0

#2uxen

  • 14 февраля 2012 22:47
  • Регистрация: 9.03.2011
  • ICQ: 363317
  • Комментариев: 45
jakal,
скачай там html фаил biggrin

0

#3udaRNik

  • 14 февраля 2012 22:47
  • Регистрация: 14.02.2010
  • ICQ: 755141
  • Комментариев: 44
Я извиняюсь, не очень понял что к чему. Так понимаю что при нажатии на определённую кнопку то сайт затемняется кроме определённого места который взять в дивы класса udiv_look, можно ли с этим скриптом сделать чтобы затемнился весь сайт кроме выбранного центрального блока к примеру {content} и при обновления странице так же сайт и остался бы затемнённым?

0

#4uxen

  • 14 февраля 2012 22:52
  • Регистрация: 9.03.2011
  • ICQ: 363317
  • Комментариев: 45
udaRNik, можно вставь в див, свой контейнер
и вставь
в css

0

#5Tomich

  • 14 февраля 2012 23:02
  • Регистрация: 26.10.2011
  • ICQ: 642756955
  • Комментариев: 154
  • Выкл.
что-то у меня не очень получилось.... http://kinodoma.pp.ua
делал все по инструкции

0

#6uxen

  • 14 февраля 2012 23:07
  • Регистрация: 9.03.2011
  • ICQ: 363317
  • Комментариев: 45
Tomich,
хм... странно я картинку даже не вижу...
Ты в ксс добавил стили ?

0

#7Deyzi

  • 14 февраля 2012 23:07
  • Регистрация: 15.08.2011
  • ICQ: 606386010
  • Комментариев: 49
Демку в студию можна ато непонятно по инфе что ето за чудо програмирования ! dash

--------------------

0

#8uxen

  • 14 февраля 2012 23:09
  • Регистрация: 9.03.2011
  • ICQ: 363317
  • Комментариев: 45
Deyzi,
читай выше жмешь скачать, так html файл демо его смотришь можешь оттуда потому выдернуть но там я вроде чуток намудрил biggrin

0

#9Tomich

  • 14 февраля 2012 23:12
  • Регистрация: 26.10.2011
  • ICQ: 642756955
  • Комментариев: 154
  • Выкл.
uxen,
css добавил, картинка у меня внизу слева...

Deyzi,
http://kinodoma.pp.ua/demo.html

0

#10uxen

  • 14 февраля 2012 23:19
  • Регистрация: 9.03.2011
  • ICQ: 363317
  • Комментариев: 45
Tomich,
внизу ты вставил div там кривой путь к картинке

Tomich,
вижу попробуй так:
обнови мой стиль на этот:

0

#11Tomich

  • 14 февраля 2012 23:22
  • Регистрация: 26.10.2011
  • ICQ: 642756955
  • Комментариев: 154
  • Выкл.
uxen,
сделал,но не работает... может на хостинге чего не хватает?

0

#12uxen

  • 14 февраля 2012 23:26
  • Регистрация: 9.03.2011
  • ICQ: 363317
  • Комментариев: 45
Tomich, нет дело не в этом просто стили конфликтуют щас придумаю че нить...

0

#13Defender

  • 14 февраля 2012 23:56
  • Регистрация: 22.09.2011
  • ICQ: 1968519
  • Комментариев: 51
Может я конечно чего-то не понимаю, но нахрен оно вообще нужно, это затемнение? wacko

--------------------

0

#14Tomich

  • 14 февраля 2012 23:59
  • Регистрация: 26.10.2011
  • ICQ: 642756955
  • Комментариев: 154
  • Выкл.
Defender,
юзеры всякие бывают, может кто-то панически боится открывать видео во весь экран... crazy

0

#15uxen

  • 15 февраля 2012 00:04
  • Регистрация: 9.03.2011
  • ICQ: 363317
  • Комментариев: 45
короче люди не грузите зря я чето поторопился его выкладывать!
завтро перепишу на jquery + несколько фитчей сделаю) и баги залатаю с конфликтом стилей drink

0

#16xom9k_off

  • 15 февраля 2012 01:35
  • Регистрация: 29.11.2009
  • ICQ: --
  • Комментариев: 238
Не хватает эффекта затухания. Ну чтобы плавно было. Автор постараешься ещё ? =)

0

#17PeDrO

  • 15 февраля 2012 06:59
  • Регистрация: 30.03.2011
  • ICQ: --
  • Комментариев: 14
Дадада, сделай чтобы плавно было, для сайта с фильмами мне в самый раз будет и потемнее чтобы затухалось все

0

#18SaD

  • 15 февраля 2012 07:18
  • Регистрация: 23.02.2011
  • ICQ: --
  • Комментариев: 502
Такой маленький код и столько ошибок. wacko

--------------------

0

#19Tomich

  • 15 февраля 2012 09:14
  • Регистрация: 26.10.2011
  • ICQ: 642756955
  • Комментариев: 154
  • Выкл.
PeDrO,
чтоб потемнее надо в настройках уровень поставить 1. Тогда становится черный экран...

ДЕМО: http://kinodoma.pp.ua/demo.html

0

#20Squidwar:D

  • 15 февраля 2012 17:00
  • Регистрация: 2.10.2011
  • ICQ: --
  • Комментариев: 30
А скрип хороший))
Порадовало!

--------------------

0
1 2
Предыдущая    Следующая
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.

Max-energy.top - Заработок на электросчетчиках;)

Skripters.info - все для вебмастера. Только эксклюзивный контент.

Создание шаблонов DLE, быстро и недорого! 3wave.com.ua

Бро лей на лучшую партнёрку

Почти бесплатный VDS хостинг!

Поддержи сайт
Скрипты, cms, шаблоны, статьи по раскрутке

Опросы

Как часто вы бываете на сайте?

Захожу 1-2 раза в день
1-2 часа в сутки
Более 2 часов
Почти целый день тут smile

Архив новостей
Ноябрь 2016 (7)
Октябрь 2016 (10)
Сентябрь 2016 (8)
Август 2016 (11)
Июль 2016 (14)
Июнь 2016 (17)

Последние комментарии:

Искать людей

Ваши переписки