Продвинутая смена фона на сайте с запоминанием на cookie для uCo...

935
8.8 из 10
Проголосовало: 7






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

Установка

1. Скачайте архив, внутри него в папке JS найдете файл smena-fona.js, в него нужно будет внести изменения в соответствии с тем сайтом, куда вы будете его устанавливать.

Вот что нужно поменять: найдите в файле фрагмент домен сайта - и вместо этого укажите домен того сайта, куда будет установлен скрипт (пример: webo4ka.ru, только домен, без http и //). Теперь в этом же файле найдите ссылка на фон по умолчанию - и вместо этого вставьте ссылку на изображение (только теперь с http://), которое будет использоваться по умолчанию.

После внесения изменений - сохраните файл, и теперь папку JS с этим файлом залейте в корень сайта.

2. Далее по месту нужно прописать саму форму изменения фона и скрипт:

Код
<center>
<a href="javascript://" onclick="deletebg()">Удалить свой фон</a> | Растянуть фон? <input id="str" type="checkbox"></input>  
<span id="background"></span>  
  Или используйте уже имеющееся:<br>  
<select id="bgs">  
<option selected="" disabled="">Варианты фона</option>  
<option value="Ссылка на фон 1">Название фона 1</option>  
<option value="Ссылка на фон 2">Название фона 2</option>  
<option value="Ссылка на фон 3">Название фона 3</option>  
</select>  
<script type="text/javascript" src="/js/smena-fona.js"></script>  
</center>


Несколько важных примечаний:
Первое - ссылки на предустановленные фоны ставьте свои (тоже с http://), названия также прописывайте свои.
Второе - количество предустановленных фонов может быть каким угодно, три стоит - лишь для примера.

3. И последнее, совсем немного стилей:

Код
.bg_temp {  
  background-Position: center;  
  background-Attachment: fixed;  
  background-Repeat: no-repeat;  
  background-size: 100% 100%;  
  -moz-background-size: 100% 100%;  
  -o-background-size: 100% 100%;  
  -webkit-background-size: 100% 100%;}  

.bg {  
  background-Position: center;  
  background-Attachment: fixed;  
  background-Repeat: no-repeat;}


Фон применяется к тегу body в качестве background-image, так что по идее должно работать на любом сайте.

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

Betme
0
Betme написал: Написано 22 Ноября 2015 в 18:49
Комментарий №2
Если-бы сюда еще можно было добавлять ссылку-например если фон это реклама былобы супчик!
Ну и вид маленько доработать)

ТЕМНЫЙ[Tern]
0
ТЕМНЫЙ[Tern] написал: Написано 30 Августа 2015 в 02:18
Комментарий №1
Не доработан скрипт, но достаточно интересно

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • Можете добавить свои input поля, но сохраняйте их порядок в html для правильного сохранения и вывода.
  • Marishka написал:
  • Новая версия 1.3 (+6 новых станций):
    Установка:
    Демо: Перейти
  • 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 написал:
  • и ещё забыл добавить что использую модуль каталог сайтов
    Последние темы
    Опрос
    469
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: