1
Мы в Контакте
Меню сайта
Главная страница Форум Фильмы онлайн Гостевая книга Статьи Музыка онлайн Список кидал
uCoz
Скрипты для uCoz Шаблоны для uCoz Иконки для форума Иконки для групп Шапки
Все для PS
Градиенты Программы Стили Уроки онлайн Шрифты Текстуры Кисти PSD Как установить Фигуры Как установить Шрифты Как установить Градиенты Как установить Стили Как установить Экшены Как установить Кисти Как установить Текстуры
Поиск
Партнеры
Статистика
 Всего: 597
 Новых за месяц: 0
 Новых за неделю: 0
 Новых вчера: 0
 Новых сегодня: 0 
» Из них
Парней: 561
Девушек: 32



Онлайн всего: 1
Гостей: 1
Пользователей: 0


Пользователи, посетившие
сайт за текущий день :
Категории раздела
Популярные фильмыПопулярные темы на форумеПопулярные файлы
Мадагаскар 3/ Madagascar 3(1774)
Третий лишний / Ted(1405)
Мстители(1379)
Люди в черном 3 / Men in Black III(1286)
Морской бой(995)
Аукцион сайтов от нашего ... [ 2 ]
Новый Топ пользователей с... [ 1 ]
Форма подачи [ 1 ]
Реклама вконтакте зарабат... [ 1 ]
Набор на Модераторов [ 1 ]
Скачать кфг аутоексез и ю...
Русификатор для Last Chao...
PhotoShop Cs 5
новогодняя шапка
Иконки групп by =DeMoN= -...

Смена фона для uCoz на JQuery
Уважаемый пользователь если у вас нету кнопки СКАЧАТЬ Зарегистрируйтесь или Войдите


Вопросы по Photoshop
Задать вопрос по uCoz
Задать вопрос по Counter-Strike 1.6


Всем доброе время суток!

И так сегодня к вашему вниманию хочу предоставить - Смена фона на JQuery

И так может вы и видели разные смены фонов для системы uCoz и не только.

Но здесь мы решили полностью написать скрипт который бы позволял без каких либо проблем (замутов)!

И так что бы все работало без каких либо проблем прежде чем устанавливать прочтите все!

Начнем....

Установка

Для начала скачиваем архив!

Между тегами и

Code
<!-- STYLES -->  
  <link href="css/style.css" rel="stylesheet" type="text/css">  
  <link href="css/reset.css" rel="stylesheet" type="text/css">  
  <link href="fonts/font.html" rel="stylesheet" type="text/css">  
  <!-- SCRIPTS -->  
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>  
  <script type="text/javascript" src="js/jquery.countdown.js"></script>  
  <script type="text/javascript">  
  $(function () {  
  var austDay = new Date(2013, 3-1, 5);  
  $('#defaultCountdown').countdown({until: austDay});  
  $('#year').text(austDay.getFullYear());  
  });  
  </script>  
  <script type="text/javascript" charset="utf-8">  
  var scrollSpeed = 50; // Скорость в миллисекундах  
  var step = 1; // Сколько пикселей перейти на шаг  
  var current = 0; // Текущей строки пикселей  
  var imageWidth = 1100; // Ширина Фоновое изображение  
  var animationWidth = 2280; // Насколько широко анимации.  
  //Ряду пикселей, с чего начать новый цикл  
  var restartPosition = -(imageWidth - animationWidth);  
  function scrollBg(){  
  //Переход к следующей строке пикселей.  
  current -= step;  
  //Если в конце изображения, а затем вернуться к началу.  
  if (current == restartPosition){  
  current = 0;  
  }  
  //Установить CSS в анимации.  
  $('#animation').css("background-position",current+"px 0");  
  }  
  //Вызывает функцию прокрутки повторно  
  var init = setInterval("scrollBg()", scrollSpeed);  
  </script>  
  <script type="text/javascript">  
  $(document).ready(function(){  
  // Переключение и скрыть подвал  
  $("#togglefooter").click(function() {  
  $("#footer").slideToggle(500);  
  $(this).toggleClass("active");  
  return false;  
  });  
  // Закройте подвал - Используется, если действие добавил в скрытом самой панели, в противном случае опустить  
  $("#hidefooter").click(function() {  
  $("#footer").slideUp(500);  
  $("#show-hide a").removeClass("active");  
  return false;  
  });  
  });  
  </script>

И так после тега

Code
<div id="styleswitcher">  

  <a href="index-2.html"><img src="skins/1.png"></a>  
  <a href="2.html"><img src="skins/2.png"></a>  
  <a href="3.html"><img src="skins/3.png"></a>  
  <a href="4.html"><img src="skins/4.png"></a>  
  <a href="5.html"><img src="skins/5.png"></a>  
  <a href="6.html"><img src="skins/6.png"></a>  
  <a href="7.html"><img src="skins/7.png"></a>  
  <a href="8.html"><img src="skins/8.png"></a>  
  <a href="9.html"><img src="skins/9.png"></a>  
  <a href="10.html"><img src="skins/10.png"></a>  
  <a href="11.html"><img src="skins/11.png"></a>  
  <a href="12.html"><img src="skins/12.png"></a>  
  <a href="13.html"><img src="skins/13.png"></a>  
  <a href="14.html"><img src="skins/14.png"></a>  
  <a href="15.html"><img src="skins/15.png"></a>  
  <a href="16.html"><img src="skins/16.png"></a>  
  <a href="17.html"><img src="skins/17.png"></a>  
  <a href="18.html"><img src="skins/18.png"></a>  
  <a href="19.html"><img src="skins/19.png"></a>  
  <a href="20.html"><img src="skins/20.png"></a>  
  <a href="21.html"><img src="skins/21.png"></a>  
  <a href="22.html"><img src="skins/22.png"></a>  
  <a href="23.html"><img src="skins/23.png"></a>  
  <a href="24.html"><img src="skins/24.png"></a>  
  <a href="25.html"><img src="skins/25.png"></a>  
  <a href="26.html"><img src="skins/26.png"></a>  

  </div>

{Это наше расположение если вы также загрузите все папки то все будет работать прекрасно, если что либо у вас не будет работать смотрите где вы сделали ошибку в выводах}

И так что бы сменить фон измени в строке
Code
<a href="номер станици с фоном.html"><img src="skins/26.png"></a>

А теперь одно из самых главных моментов

Установите переl
Code
<!--FULL BACKGROUND IMAGE-->  

  <img alt="full screen background image" src="backgrounds/изображение страници с фоном.jpg" id="full-screen-background-image"/>  

  <!--END FULL BACKGROUND IMAGE-->

Наложение анимации ставим там же (ниже)
Code
<!--Animation-->  
  <div id="animation">  
  </div>  
  <!--END ANIMATION-


Если вы хотите что либо поменять в папке jquery.countdown.js

Все что захотите то и ставьте ( в данном jquery.countdown.js есть внутри урок что за что отвечает, по этому ошибется точно не сможете ).

Удачного использования!

Посмотреть ДЕМО можно - ЗДЕСЬ!
Если у вас возникли вопросы. Задавайте их не стесняйтесь!

Над данным проектом работали - Lekus and Aleks: uFace 2010 - 2012
Категория Скрипты | Добавил: Кириешка | Теги:
Просмотров: 397 | Загрузок: 43 | Рейтинг: 0.0/0
| Комментарии: 1
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Игра Virt-Life
Уважаемые пользователи сайта Zadroti-Cs.uCoz.Ru
Хотим сообщить, что наш сайт поддерживает проект игры Virt-Life и мы гордимся тем, что находимся в ней, потому что она гарантирует стабильную и удобную игру, а самое главное - безопасность вашего персонажа.

Мини профиль
Реклама
Купить ссылку здесь
(Цена: 1 руб.)

Cs 1.6
Модели игроков Модели оружия Готовые Сервера Текстуры неба Боты Читы Конфиги Радары Античиты Программы Темы меню Cs 1.6 Прицелы Карты Плагины
Left4Dead2
Патчи Моды Left4Dead2 Модели Готовые сервера Плагины Карты
Теги сайта