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


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

934
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 2104
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • LeKcUs написал:
  • Запомни раз и на всегда... Все файлы ВСЕ с окончанием .swf пишутся в Adobe Flash. Я лично пишу в Adobe Flash CS6 cool Я скоро выложу новый шаблон более интересный...
  • Winston888 написал:
  • Я с флешь не сталкивался поэтому интересно файл main.swf ты сам писал ? Если да то через что ?
  • LeKcUs написал:
  • Я думаю что следующая версия будет по дизайну лучше! Ждите.... cool
  • LeKcUs написал:
  • Спасибо...
  • 1488 написал:
  • Отлично сделано!
    Последние темы
    Опрос
    412
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: