Nk-CS.Ru: Все для вашего портала 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> | Растянуть фон? <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, так что по идее должно работать на любом сайте.

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

0.0
0 оценок
0.0
Дизайн:
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
0.0
Функционал:
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
0.0
Мобильность:
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
0.0
Общая оценка:
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
Читайте также
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Авторизация
лучший сайт где можно скачать шаблоны для dle 11.3 бесплатно