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

990
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 2115
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Добрый вечер.Подскажите,пожалуйста: как сделать, чтобы второй или третий набор смайлов заменить своими.
Вы сами себе пишите?
  • CbIPoK2513 написал:
  • Скрипт хорош, уже подстроил свой сайт под него :3
  • gefest35 написал:
  • Супер)))!пасиб за работу!!!
  • sasha2016tv написал:
  • Хороший скрипт
    Последние темы
    Опрос
    235
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 8
    Гостей: 7
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: