Скрипт продвинутой смены фона сайта для uCoz

Скрипты для uCoz

na3uTuB4uk

08.04.15, 17:30

880

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

Установка:

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

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

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

2. Далее нужно прописать саму форму изменения фона. Я сделал так, что она будет выводиться во всплывающем окошке, которое будет вызываться по нажатию на специальную ссылку. В общем в то место где будет эта ссылка, ставите ее, саму форму и скрипт:

Код

<a href="javascript://" onclick="new _uWnd('id','Смена фона',340,140,{autosize:0},document.getElementById('smfon').innerHTML)">Смена фона</a>
<center id="smfon" style="display:none;">
<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>

Несколько важных примечаний. Первое, если хотите, можете сделать так что форма изменения фона будет отображаться не в окошке, а просто в том месте где вам надо, для этого уберите ссылку вызова формы, а из самой формы уберите параметр style="display:none;". Второе, ссылки на предустановленные фоны ставьте свои (тоже с 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, так что по идее должно работать на любом сайте.

На этом все, пишите как получилось и если понравилось - оценивайте. Скрипт если что не мой, я его лишь укоротил - убрав лишнее, немного изменил, и объяснил вроде все как надо.