Приветствую Вас Прохожий | RSS Четверг, 08.12.2016, 21:10
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 19
Гостей: 16
Пользователей: 3
alexman91, MaDaRa, LESIYI



Главная » Файлы » Скрипты для uCoz » Скрипты Разное

Скрипт на jquery, css & cookie изменение фона сайта

Скрипт на jquery, css & cookie изменение фона сайта Скрипт, jquery, cookie, css, изменение, фона, сайта
Скрипт дает возможность изменять фон сайта, для каждого пользователя свой цвет, очень удобно и практично что дает возможность выделить свой сайт индивидуально.
По установке данного скрипта необходимо будет сделать Видео урок о том как установить скрипт смены фона сайта ucoz.Скрипт изменение фона сайта
Функциональность скрипта основана на jquery, cookie, и css так же есть участие javascript.
Приступим к установке и начнём с конструктора первым делом будет создание блока.
  • После создания в конструкторе блока, помещаем в него такой HTML код

    Настройка:
  • Далее проверяем код первый, изменяем, по желанию в списке <select> в пунктах <option> на прямые ссылки фона, к примеру
    Code
    <option value="/wallpaper.png">Фон 1</option>


  • Далее переходим в той же Панели Управления сайта - Таблица стилей (CSS) и вставляем в любое место, сам стиль, лучше вставить в самый низ что бы найти быстрей для редактирования.
    Code
    .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;
      }
    Настройка:
    [ *] Далее смотрим var dmn="ваш домен"; само сабой заменяем на ваш домен сайта, к примеру var dmn="ucozon.ru"; переменная должна работать, если не работает, то просто вместо букв dmn вставте в кавычках домен.

  • В Панели Управления сайтом, в Глобальные блоки - Верхняя часть сайта в самое начало вставляем ниже приведенный код
    Code
    <script type="text/javascript">
      function getCookie(name) {
      var matches = document.cookie.match(new RegExp(
      "(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
      ))
      return matches ? decodeURIComponent(matches[1]) : undefined
      }
      function setCookie(name, value, props) {
      props = props || {}
      var exp = props.expires
      if (typeof exp == "number" && exp) {
      var d = new Date()
      d.setTime(d.getTime() + exp*1000)
      exp = props.expires = d
      }
      if(exp && exp.toUTCString) { props.expires = exp.toUTCString() }
       
      value = encodeURIComponent(value)
      var updatedCookie = name + "=" + value
      for(var propName in props){
      updatedCookie += "; " + propName
      var propValue = props[propName]
      if(propValue !== true){ updatedCookie += "=" + propValue }
      }
      document.cookie = updatedCookie
       
      }
      var bg_li=getCookie("background")
      if(bg_li){document.body.style.backgroundImage = 'url('+bg_li+')';}else{document.body.style.backgroundImage = 'url(/wallpaper.jpg)'}
      </script>

  • Смотрим код , самая последняя строка
    Code
    document.body.style.backgroundImage = 'url(/wallpaper.jpg)'

    заменяем вместо /wallpaper.jpg путь до вашего фона который будет стандартным для всех.
    Сохраняем
  • переходим в сам Глобальные блок - Нижняя часть сайта и так же самое вставляем код:
    Code
    <script type="text/javascript">
      function getCookie(name) {
      var matches = document.cookie.match(new RegExp(
      "(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
      ))
      return matches ? decodeURIComponent(matches[1]) : undefined
      }
      function setCookie(name, value, props) {
      props = props || {}
      var exp = props.expires
      if (typeof exp == "number" && exp) {
      var d = new Date()
      d.setTime(d.getTime() + exp*1000)
      exp = props.expires = d
      }
      if(exp && exp.toUTCString) { props.expires = exp.toUTCString() }
       
      value = encodeURIComponent(value)
      var updatedCookie = name + "=" + value
      for(var propName in props){
      updatedCookie += "; " + propName
      var propValue = props[propName]
      if(propValue !== true){ updatedCookie += "=" + propValue }
      }
      document.cookie = updatedCookie
       
      }
      if(getCookie("stretched")=="yes"){$('#str').attr('checked','true');$('body').removeClass('bg').addClass('bg_temp');} else if(getCookie("stretched")=="no" || !getCookie("stretched")){$('#str').removeAttr('checked');$('body').removeClass('bg_temp').addClass('bg');}
      document.body.style.padding = '0';
      document.body.style.margin = '0';
      </script>


    Сохраняем блок.
    Теперь займемся другими настройкам в дополнение ко всем выше написанным.
  • Далее последний пункт, просто описание и объяснение как видите функции получения и удаления куки повторяются, это сделано просто из-за незнания.


    css и функцию растяжки, как мы все знаем есть фон который либо меньше, либо больше отображаемой части сайта, так вот эта функция (если включена) растягивает (втискивает) ваш фон в границы сайта, css спокойно настраивается и имеет довольно привычный вид.
    Фон применяется к тегу body в качестве background-image.
  • Автор\Источник: uweb.su

    Для того что бы скачать архив необходимо зайти на сайт как пользователь.
    Просмотров: 5158 | Рейтинг: 4.5/6 | |Категория: Скрипты Разное | Добавил: мир | Дата: 15.06.2011 | Скачали: 0 | Теги: css, jQuery, Скрипт, Cookie, фона, Изменение, сайта
    Похожие новости на нашем сайте
    Коментарий к новости

    Всего комментариев: 0

    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]

    Форма входа
    Логин:
    Пароль:


    Поиск


    На форуме

    1 Файловик. Уникальные те...

    0

    2 Куплю сайты в индексе Я...

    1

    3 Куплю сайты с ТИЦ/PR (п...

    9

    4 Предлагаю услуги для ан...

    0

    5 Предлагаю услуги по про...

    0

    6 Комплексный прогон сайт...

    51

    7 Сайт онлайн фильмов на ...

    1

    8 Проблема с таблицей

    9

    9 Отредактировать фото

    2

    10 Уже все перепробовал )

    1


    Подробней о форуме


    Комментарии



    Copyright UcozOn.ru™ © 2008-2016


    Кнопка 88х31 сайта ucozon.ru