Наш опрос
Сколько у вас сайтов в системе uCoz?
Всего ответов: 48
Случайный анекдот
84 Для съемок одного фильма в Нью-Йорке понадобился разбитый автобус. Нашли один подходящий, с хорошей вмятиной от фонарного столба. Правда, на другом конце города. Снарядили мужика доставить сие транспортное средство на съемочную площадку. Благо, автобус на ходу, мужик сел, завел, поехал. По дороге решил перекусить, остановился у Макдональса, и ради шутки решил припарковаться таким образом, что бы вмятина пришлась как раз на фонарный столб. Зашел внутрь, перекусил. Выходит - а в салоне автобуса сидят с десяток евреев с порезами и царапинами на фейсах и названивают по сотовым своим адвокатам.
Статистика
Онлайн всего: 4
Гостей: 4
Пользователей: 0

» Сегодня нас посетили:
» Зарег. на сайте
Всего: 3495
Новых за месяц: 3
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
» Из них
Администраторов: 1
Модераторов: 3
С активностью: 177
Авторизованных: 3314

   Замена фона на сайте юкоз



Установив этот скрипт себе на сайт, вы даете возможность пользователям выбрать картинку из списка и заменить стандартный фон на сайте. После выбора фона делается запись в куках браузера, о выборе картинки и благодаря этому после обновления или переходам по страницам сайта фон не сбрасывается.

Установка:
Все файлы архива закачайте в папку 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,59 мб Html редактор
Автор: Prosvetekvator
Просмотров: 12484
19.02.2013


Другие статьи почитайка;)
Поделись ссылкой на форумах
Ссылка:
BB-code:
HTML:


« Пред. Замена фона на сайте юкоз След. »

Всего комментариев: 3

3 Роман Симонов (Admin3435)
При переходе на другую страницу и при обновлении страницы фон пропадает...
И слайд картинок не работает

01.02.2017 в 13:51 | Перейти к материалу >
-
0
+

1 Вадим Борщовецкий (kiidii)
А как сменить картинки?

22.02.2014 в 14:08 | Перейти к материалу >
-
0
+

2 Алексей Чубаров (Prosvetekvator)
замени картинки в архиве не свои, но их названия должны быть, как и у картинок в архиве.

22.02.2014 в 17:14 | Перейти к материалу >
-
0
+

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа
Мини-чат
Топ пользователей
Новое на форуме








Комментарии
11.06.2022