Смена фона на сайте с запоминанием на cookie для uCoz

1062
9.8 из 10
Проголосовало: 7






Скрипт смены фона сайта с запоминанием на cookie, с помощью данной модификаций у вас и каждого пользователя вашего сайта будет возможность выставлять на сайте такой фон - какой вам нравиться самому. После того как фон был выбран, он при помощи cookie будет сохранен браузером, и будет остоваться таким либо до установки какого-то другого фона, либо до того пока этот пользователь не почистит cookie своего браузера. С помощью данной модификации, пользователь может выбирать фон лишь из списка предустановленных вариантов, но этот список вы конечно можете составить свой, то есть он не может взять любую картинку которая ему нравиться и поставить ее в качестве фона...

Установка

1. Заливаем папку "fon" и все её содержимое в корень сайта.

2. Вставить в то место, где будет кнопка выбора фона:

Код
<script src="/fon/cookie.js"></script>  
<div class="ff_fon">  
<a href="#" class="drox"><img alt="fon" title="Сменить фон сайта" src="/fon/ico_panel.png"></a>  
<div class="ff_cell_ff">  
<span class="ff_ugol_ff"></span>  
<div class="ff_content_en">  
<a href="#"><img id="jp1" src="/fon/1.jpg" width="20px" /></a>  
<a href="#"><img id="jp2" src="/fon/2.jpg" width="20px" /></a>  
<a href="#"><img id="jp3" src="/fon/3.jpg" width="20px" /></a>  
<a href="#"><img id="jp4" src="/fon/4.jpg" width="20px" /></a>  
<a href="#"><img id="jp5" src="/fon/5.jpg" width="20px" /></a>  
<a href="#"><img id="jp6" src="/fon/6.jpg" width="20px" /></a>  
<a href="#"><img id="jp7" src="/fon/7.jpg" width="20px" /></a>  
<a href="#"><img id="jp8" src="/fon/8.jpg" width="20px" /></a>  
<a href="#"><img id="jp9" src="/fon/9.jpg" width="20px" /></a>  
</div>  
</div>  
</div>  
<script src="/fon/cok.js"></script>


3. Это кидаете в стили:

Код
.ff_fon {  
  float:right;  
  display:block;  
  position:relative;}  

.ff_fon .drox {padding: 0px 7px;}  
.ff_cell_ff, .ff_ugol_ff {width:35px;}  

.ff_cell_ff {  
  left:-999em;  
  z-index:998;  
  position:absolute;  
  margin: 0 -2px 0 auto;}  
   
.ff_content_en {  
  margin:0;  
  width:35px;  
  text-align:center;  
  overflow:hidden;  
  background:#333;}  

.ff_content_en a:link,  
.ff_content_en a:visited {  
  float:left;  
  width:35px;  
  padding: 5px 0px 3px 0px;  
  border-bottom: 1px solid #888;}  

.ff_content_en a:hover {background:#5f5f5f;}  
.no_bb:link,  
.no_bb:visited {border-bottom:none!important;}  
   
.ff_fon:hover .ff_cell_ff{  
  top:27px;  
  right:0;  
  left:auto;}  

.ff_ugol_ff {  
  height:7px;  
  top: -7px;  
  position:absolute;  
  background:url(/fon/ugolok.png) no-repeat center bottom;}


На этом все...
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
  • Всего комментариев: 3

lux
-1
lux написал: Написано 21 Июня 2015 в 10:58
Комментарий №1
мне этот скрипт почему весь сайт сломал....

Admin2014
0
Admin2014 написал: Написано 21 Июня 2015 в 17:41
Комментарий №2
просто у кого-то кривые руки. Все отлично работает- Вот пример работы

Вовчик
0
Вовчик написал: Написано 22 Июня 2015 в 15:40
Комментарий №3
адрес сайта в студию, решим проблему...

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • Доп 8 станций:
    Код
    <div class="mSt"><p>Tropical</p><div data="2/trop_64">64</div><br><div data="2/trop_128">128</div><br><div data="2/trop_320">320</div></div>  
      <div class="mSt"><p>Нафталин FM</p><div data="2/naft_64">64</div><br><div data="2/naft_128">128</div><br><div data="2/naft_320">320</div></div>  
      <div class="mSt"><p>Rave FM</p><div data="2/rave_64">64</div><br><div data="2/rave_128">128</div><br><div data="2/rave_320">320</div></div>  
      <div class="mSt"><p>Gold</p><div data="2/gold_64">64</div><br><div data="2/gold_128">128</div><br><div data="2/gold_320">320</div></div>  
      <div class="mSt"><p>GOA/PSY</p><div data="2/goa_64">64</div><br><div data="2/goa_128">128</div><br><div data="2/goa_320">320</div></div>  
      <div class="mSt"><p>Minimal/Tech</p><div data="2/mini_64">64</div><br><div data="2/mini_128">128</div><br><div data="2/mini_320">320</div></div>  
      <div class="mSt"><p>House</p><div data="2/fut_64">64</div><br><div data="2/fut_128">128</div><br><div data="2/fut_320">320</div></div>  
      <div class="mSt"><p>Megamix</p><div data="2/mix_64">64</div><br><div data="2/mix_128">128</div><br><div data="2/mix_320">320</div></div>


    Fix работы радио:
    Находим: if(radUrl=="tm" || radUrl=="ps" || radUrl=="teo" || radUrl=="dc")
    Меняем на: if (radUrl == "tm" || radUrl == "ps" || radUrl == "teo" || radUrl == "dc" || radUrl == "gop")
  • CbIPoK2513 написал:
  • Мой вариант выдаёт аватарку картинкой, а не текстом.
  • waak написал:
  • и ещё забыл добавить что использую модуль каталог сайтов
  • waak написал:
  • Почему у меня он перелистывает в верх а не вниз и если это первая песня на стр то он её по кругу гоняет а не переходит к последней
    и как сделать стоп по клику на трек который играет?
  • Acht написал:
  • Тест
    Последние темы
    Опрос
    255
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 2
    Гостей: 2
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: