Регистрация    Войти
Авторизация

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

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

Итак собственно другая версия скрипта для смены фона сайта, только на этот раз более продвинутая, позволяющая не только установить один из заранее заготовленных фонов, но и поставить в качестве фона любую картинку по ссылке. Этот скрипт для 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>&#8195;|&#8195;Растянуть фон? <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, так что по идее должно работать на любом сайте.

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

Есть вопросы по шаблону или скрипту? так задай их и мы ответим!

Автор: chestr  10-12-2014, 19:17   Просмотров: 2604   
Смена, скрипт, для сайта, фон, ucoz, Продвинутый, смены фона сайта, смены фона сайта ucoz, смены фона, смены фона ucoz, фон, фон ucoz
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.


Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.