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

1095
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 написал:
  • Upd 1.4 Кому лень https://jsfiddle.net/7js6tfp1/5/
  • Marishka написал:
  • Мы обновили код и упростили его установку:
    Что нового:
    1. Новый легкий js код.
    2. Отправка по Enter если есть или нет Aa цвета.
    3. Простая установка.

    Принцип работы:
    Используется родное поле ввода текста с выбором цвета, родная кнопка отправки скрывается позволяя отправить форму по Enter.

    Демо: https://jsfiddle.net/7js6tfp1/4/
  • Marishka написал:
  • Радио не стоит на месте новая версия вам 1.5:
    Что нового:
    1. Media Session - позволит вам переключать из бара браузера радио, а также на блоке экрана.
    2. Новые радиостанции.
    3. Новый API код.

    Демо: fiddle
    Реальная полная версия: woobl
  • Marishka написал:
  • Можете добавить свои input поля, но сохраняйте их порядок в html для правильного сохранения и вывода.
  • Marishka написал:
  • Новая версия 1.3 (+6 новых станций):
    Установка:
    Демо: Перейти
    Последние темы
    Опрос
    261
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 4
    Гостей: 4
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: