Шаблоны для uCoz [18] |
Виды материалов [10] |
Мини профили [7] |
Мини чаты [8] |
Виды комментариев [14] |
Формы входа [3] |
Информеры [33] |
Украшения [16] |
Меню сайта [5] |
Кнопки [27] |
Шапки сайта [3] |
Медиа [19] |
Переключатели [8] |
Разное [65] |
Формы поиска [9] |
Скрипты [46] |
Игры на сайт [6] |
Аякс (Ajax) окна [1] |
PHP скрипты [3] |
18:28 Замена фона на сайте юкоз |
Установив этот скрипт себе на сайт, вы даете возможность пользователям выбрать картинку из списка и заменить стандартный фон на сайте. После выбора фона делается запись в куках браузера, о выборе картинки и благодаря этому после обновления или переходам по страницам сайта фон не сбрасывается. Установка: Все файлы архива закачайте в папку fon в файл менеджере. В любой глобальный блок ставим скрипт: Код <script> function jp1(){ setCookie('j1', 1, 365); setCookie('size', 1, 365); eraseCookie('j2');eraseCookie('j3');eraseCookie('j4');eraseCookie('j5');eraseCookie('j6'); eraseCookie('platbg1');eraseCookie( 'platbg2' );eraseCookie( 'platbg3' );eraseCookie( 'platbg4' );eraseCookie( 'platbg5' ); eraseCookie( 'platbg6' );eraseCookie( 'platbg7' );eraseCookie( 'platbg8' );eraseCookie( 'platbg9' ); $('body').css('background-image', 'url("/fon/1.jpg")'); $('body').css('background-size','auto'); }; function jp2(){ setCookie('j2', 1, 365); setCookie('size', 1, 365); eraseCookie('j1');eraseCookie('j3');eraseCookie('j4');eraseCookie('j5');eraseCookie('j6'); eraseCookie('platbg1');eraseCookie( 'platbg2' );eraseCookie( 'platbg3' );eraseCookie( 'platbg4' );eraseCookie( 'platbg5' ); eraseCookie( 'platbg6' );eraseCookie( 'platbg7' );eraseCookie( 'platbg8' );eraseCookie( 'platbg9' ); $('body').css('background-image', 'url("/fon/2.jpg")'); $('body').css('background-size','auto'); }; function jp3(){ setCookie('j3', 1, 365); setCookie('size', 1, 365); eraseCookie('j2');eraseCookie('j1');eraseCookie('j4');eraseCookie('j5');eraseCookie('j6'); eraseCookie('platbg1');eraseCookie( 'platbg2' );eraseCookie( 'platbg3' );eraseCookie( 'platbg4' );eraseCookie( 'platbg5' ); eraseCookie( 'platbg6' );eraseCookie( 'platbg7' );eraseCookie( 'platbg8' );eraseCookie( 'platbg9' ); $('body').css('background-image', 'url("/fon/3.jpg")'); $('body').css('background-size','auto'); }; function jp4(){ setCookie('j4', 1, 365); setCookie('size', 1, 365); eraseCookie('j2');eraseCookie('j3');eraseCookie('j1');eraseCookie('j5');eraseCookie('j6'); eraseCookie('platbg1');eraseCookie( 'platbg2' );eraseCookie( 'platbg3' );eraseCookie( 'platbg4' );eraseCookie( 'platbg5' ); eraseCookie( 'platbg6' );eraseCookie( 'platbg7' );eraseCookie( 'platbg8' );eraseCookie( 'platbg9' ); $('body').css('background-image', 'url("/fon/4.jpg")'); $('body').css('background-size','auto'); }; function jp5(){ setCookie('j5', 1, 365); setCookie('size', 1, 365); eraseCookie('j2');eraseCookie('j3');eraseCookie('j4');eraseCookie('j1');eraseCookie('j6'); eraseCookie('platbg1');eraseCookie( 'platbg2' );eraseCookie( 'platbg3' );eraseCookie( 'platbg4' );eraseCookie( 'platbg5' ); eraseCookie( 'platbg6' );eraseCookie( 'platbg7' );eraseCookie( 'platbg8' );eraseCookie( 'platbg9' ); $('body').css('background-image', 'url("/fon/5.jpg")'); $('body').css('background-size','auto'); }; function jp6(){ setCookie('j6', 1, 365); setCookie('size', 1, 365); eraseCookie('j2');eraseCookie('j3');eraseCookie('j4');eraseCookie('j5');eraseCookie('j1'); eraseCookie('platbg1');eraseCookie( 'platbg2' );eraseCookie( 'platbg3' );eraseCookie( 'platbg4' );eraseCookie( 'platbg5' ); eraseCookie( 'platbg6' );eraseCookie( 'platbg7' );eraseCookie( 'platbg8' );eraseCookie( 'platbg9' ); $('body').css('background-image', 'url("/fon/6.jpg")'); $('body').css('background-size','auto'); }; function slideoff(){ eraseCookie('slidefon'); eraseCookie('slidefon1'); eraseCookie('slidefon2'); eraseCookie('slidefon3'); eraseCookie('slidefon4'); eraseCookie('slidefon5'); eraseCookie('slidefon6'); eraseCookie('slidefon7'); eraseCookie('slidefon8'); eraseCookie('slidefon9'); }; </script> <script type="text/javascript" src="/fon/slidefon.js"> </script> <script src="/fon/cookies.js"></script> <script type="text/javascript" src="/fon/slidefon1.js"> </script> <script> proverka(); function proverka(){ if(getCookie('slidefon1')) { plat11() }; if(getCookie('slidefon2')) { plat22() }; if(getCookie('slidefon3')) { plat33() }; if(getCookie('slidefon4')) { plat44() }; if(getCookie('slidefon5')) { plat55() }; if(getCookie('slidefon6')) { plat66() }; if(getCookie('slidefon7')) { plat77() }; if(getCookie('slidefon8')) { plat88() }; if(getCookie('slidefon9')) { plat99() }; }; </script> <div style="display:none;" id="okno1"> <center> <table bgcolor="#FFFFFF"> <tr><td> <a onclick="slideoff()"> <img onclick="jp1()" src="/fon/1.jpg" width="40px" /> <img onclick="jp2()" src="/fon/2.jpg" width="40px" /> <img onclick="jp3()" src="/fon/3.jpg" width="40px" /> <img onclick="jp4()" src="/fon/4.jpg" width="40px" /> <img onclick="jp5()" src="/fon/5.jpg" width="40px" /> <img onclick="jp6()" src="/fon/6.jpg" width="40px" /> </td></tr></table> <p></a> <a href="javascript://" onclick="slidefon1();"><font size="2" color="yellow">Начать фоновое слайдшоу</font></a><p> <a href="javascript://" onclick="slidefon2();"> <font size="2" color="red"> Закончить фоновое слайдшоу</font></a><p> <a onclick="slideoff()"> <img onclick="plat1()" src="/fon/platinum/1.jpg" width=" 120px" height=" 90px "> <img onclick="plat2()" src="/fon/platinum/2.jpg" width=" 120px " height=" 90px "> <img onclick="plat3()" src="/fon/platinum/3.jpg" width=" 120px " height=" 90px "> <img onclick="plat4()" src="/fon/platinum/4.jpg" width=" 120px " height=" 90px "> <img onclick="plat5()" src="/fon/platinum/5.jpg" width=" 120px " height=" 90px "> <img onclick="plat6()" src="/fon/platinum/6.jpg" width=" 120px " height=" 90px "> <img onclick="plat7()" src="/fon/platinum/7.jpg" width=" 120px " height=" 90px "> <img onclick="plat8()" src="/fon/platinum/8.jpg" width=" 120px " height=" 90px "> <img onclick="plat9()" src="/fon/platinum/9.jpg" width=" 120px " height=" 90px "></a> </div> А это кнопка вызова окна со списком фонов Код <a href="javascript://" onclick="okno();" title="Сменить фон">Сменить фон</a> |
Всего комментариев: 3 | |||
| |||