1. Приветствую гостей и пользователей нашего форума! Первый раз вы у нас или же давно участвуете в жизни ресурса, хочу напомнить несколько моментов.

    1) Пользуемся поиском по форуму! Зачастую информация может находиться не по разделу!

    2) Раздел ИНФО-продуктов относительно новый, но имеем уже более 3000 высококлассных материалов (пользуемся сортировкой по прификсам).

    3) И самое важное, КАК КАЧАТЬ БЕЗ ОГРАНИЧЕНИЙ, вся информация находится по этой ссылке КУПИТЬ VIP

    4) Временная акция, получи +5 постов за вступление в нашу группу "Вконтакте" Более подробно ТУТ

    5) Веди активную жизнь на форуме и получай рубли на личный счёт!

    Скрыть объявление
  2. На нашем форуме Null-Prog действует серьёзное правило касательно размещения материалов!

    ДЛЯ РЕЛИЗЁРОВ: категорически запрещается выкладка материалов на файлообменники типа Deposit, letitbit и другие, требующие просмотров рекламы, обрезающие скорость и тд. Нарушителям, первые 2 раза предупреждения, далее БАН. Тему по этому поводу можно посмотреть ТУТ

    Скрыть объявление
  3. В тестовом режиме на нашем форуме открыт онлайн конструктор сайтов. Вы можете попробовать создать свой сайт у НАС, интуитивно понятный интерфейс, переведёт на 95%, быстрый экспорт проекта, от вас только перетаскивать элементы и вставить в них необходимый текст!

    Все вопросы ТУТ

    Скрыть объявление

  4. Скрыть объявление
  5. Уважаемые форумчане, открывается новый раздел форума, посвящённый ремонту и эксплуатации автомобилей. Просмотреть его можно ТУТ

    Так как раздел новый, информация будет пополнять каждый день. Если есть какие либо замечания по этому разделу, отписываемся в соответствующий раздел форума, либо в личку.

    Напоминаю, сообщения в разделе АВТО не учитываются, общение не ограничено.

    Скрыть объявление
  6. Объявляется набор Модераторов на различные раздел форума, свои заявки можно оставлять в ЭТОМ разделе, перед оставлением заявки рекомендуется ознакомиться с ПРАВИЛАМИ для модераторов.

Скрипт Слайдеры

Тема в разделе "Скрипты", создана пользователем Sam Jack, 6 июн 2015.

  1. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.755
    Симпатии:
    4.729
    [​IMG]
    Установка
    1. Для использование Nivo Slider, нам нужны подключить Nivo Slider script и Nivo Slider CSS
    на странице в самом конце
    Код:
    "Verdana"><link rel="stylesheet" href="/nivo/nivo-slider.css" type="text/css" media="screen" /> 
      <script src="/nivo/jquery.nivo.slider.pack.js" type="text/javascript"></script> 
      <script type="text/javascript"> 
      $(window).load(function() { 
      $('#slider1').nivoSlider({ pauseTime:5000, pauseOnHover:false }); 
      setTimeout(function(){ 
      $('#slider2').nivoSlider({ pauseTime:5000, pauseOnHover:false }); 
      }, 1000); 
      setTimeout(function(){ 
      $('#slider3').nivoSlider({ 
      pauseTime:5000, 
      pauseOnHover:false, 
      controlNavThumbs:true 
      }); 
      }, 2000); 
    
      setTimeout(function(){ 
      $('#slider4').nivoSlider({ 
      effect:'random', 
      animSpeed:1500, 
      pauseTime:5000, 
      startSlide:4, 
      dir ectionNav:false, 
      controlNav:true, 
      keyboardNav:false, 
      pauseOnHover:false 
      }); 
      }, 3000); 
      }); 
      </script>
    2. Теперь HTML. Обратите внимание чтобы добавить подпись к изображению, нужно прописать
    простой атрибут title. Прадставлены все 4 варианта слайдера как ина демо...
    Код:
    "Verdana"><h2>Установки по умолчанию</h2> 
      <div id="slider1" class="nivoSlider"> 
      <img src="/images/up.jpg" alt="" /> 
      <img src="/images/monstersinc.jpg" alt=""/> 
      <img src="/images/nemo.jpg" alt="" /> 
      <img src="/images/walle.jpg" alt="" /> 
      </div> 
      <br/> 
      <h2>С подписями и Ссылки</h2> 
      <div id="slider2" class="nivoSlider"> 
      <a href="/"><img src="/images/up.jpg" title="ваша подпись №1" /></a> 
      <a href="/"><img src="/images/monstersinc.jpg" title="ваша подпись" /></a> 
      <a href="/"><img src="/images/nemo.jpg" title="ваша подпись№2" /></a> 
      <a href="/"><img src="/images/walle.jpg" title="ваша подпись" /></a> 
      </div> 
      <br/> 
      <h2>С эскизами</h2> 
      <div id="slider3" class="nivoSlider"> 
      <img src="/images/up.jpg" alt="" /> 
      <img src="/images/monstersinc.jpg" alt=""/> 
      <img src="/images/nemo.jpg" alt="" /> 
      <img src="/images/walle.jpg" alt="" /> 
      </div> 
    
      <h2>В случайном порядке</h2> 
      <div id="slider4" class="nivoSlider"> 
      <img src="/images/up.jpg" alt="" /> 
      <img src="/images/monstersinc.jpg" /> 
      <img src="/images/nemo.jpg" alt="" /> 
      <img src="/images/walle.jpg" alt="" /> 
      </div>
     

    Вложения:

    Метки:
  2. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.755
    Симпатии:
    4.729
    [​IMG]
    Установка:
    Это в head и /head
    Код:
    "Verdana"><link rel='stylesheet' id='shortcodesStyleSheets-css' href='http://www.elegantthemes.com/preview/DeepFocus/wp-content/themes/DeepFocus/epanel/shortcodes/shortcodes.css?ver=3.0' type='text/css' media='all' /> 
    
    
      <script type='text/javascript'> 
      // <![CDATA[ 
      
      <!---- et_switcher plugin v2 ----> 
      (function($) 
      { 
      $.fn.et_shortcodes_switcher = function(options) 
      { 
      var defaults = 
      { 
      slides: '>div', 
      activeClass: 'active', 
      linksNav: '', 
      findParent: true, //use parent elements to define active states 
      lengthElement: 'li', //parent element, used only if findParent is set to true 
      useArrows: false, 
      arrowLeft: 'a#prev-arrow', 
      arrowRight: 'a#next-arrow', 
      auto: false, 
      autoSpeed: 5000, 
      slidePadding: '', 
      pauseOnHover: true, 
      fx: 'fade', 
      sliderType: '' 
      }; 
    
      var options = $.extend(defaults, options); 
    
      return this.each(function() 
      { 
      
      var slidesContainer = jQuery(this).parent().css('position','relative'), 
      $slides = jQuery(this).css({'overflow':'hidden','position':'relative'}), 
      $slide = $slides.find(options.slides).css({'opacity':'1','position':'absolute','top':'0px','left':'0px','display':'none'}),
      slidesNum = $slide.length, 
      zIndex = slidesNum, 
      currentPosition = 1, 
      slideHeight = 0, 
      $activeSlide, 
      $nextSlide; 
      
      if (options.fx === 'slide') { 
      $slide.css({'opacity':'0','position':'absolute','top':'0px','left':'0px','display':'block'}); 
      } else { 
      $slide.filter(':first').css({'display':'block'}); 
      } 
      
      if (options.slidePadding != '') $slide.css('padding',options.slidePadding); 
      
      $slide.each(function(){ 
      jQuery(this).css('z-index',zIndex).addClass('clearfix'); 
      if (options.fx === 'slide') zIndex--; 
      
      slideH = jQuery(this).innerHeight(); 
      if (slideH > slideHeight) slideHeight = slideH; 
      }); 
      $slides.css('height', slideHeight); 
      $slides.css('width', $slides.width()); 
      
      var slideWidth = $slide.width(), 
      slideOuterWidth = $slide.outerWidth(); 
      
      $slide.css('width',slideWidth); 
      
      $slide.filter(':first').css('opacity','1'); 
      
      if (options.sliderType != '') { 
      if (options.sliderType === 'images') { 
      controllersHtml = '<div class="controllers-wrapper"><div class="controllers"><a href="#" class="left-arrow">Previous</a>'; 
      for ($i=1; $i<=slidesNum; $i++) { 
      controllersHtml += '<a class="switch" href="#">'+$i+'</a>'; 
      } 
      controllersHtml += '<a href="#" class="right-arrow">Next</a></div><div class="controllers-right"></div></div>'; 
      $controllersWrap = jQuery(controllersHtml).prependTo($slides.parent()); 
      jQuery('.controllers-wrapper .controllers').css('width', 65 + 18*slidesNum); 
      } 
      
      var etimage_width = $slide.width(); 
      
      slidesContainer.css({'width':etimage_width}); 
      $slides.css({'width':etimage_width}); 
      
      if (options.sliderType === 'images') { 
      slidesContainer.css({'height':$slide.height()}); 
      $slides.css({'height':$slide.height()}); 
      
      var controllers_width = $controllersWrap.width(), 
      leftPosition = Math.round((etimage_width - controllers_width) / 2); 
      
      $controllersWrap.css({left: leftPosition}); 
      } 
      } 
      
      
      if (options.linksNav != '') { 
      var linkSwitcher = jQuery(options.linksNav); 
      
      var linkSwitcherTab = ''; 
      if (options.findParent) linkSwitcherTab = linkSwitcher.parent(); 
      else linkSwitcherTab = linkSwitcher; 
      
      if (!linkSwitcherTab.filter('.active').length) linkSwitcherTab.filter(':first').addClass('active'); 
      
      linkSwitcher.click(function(){ 
      
      var targetElement; 
    
      if (options.findParent) targetElement = jQuery(this).parent(); 
      else targetElement = jQuery(this); 
      
      var orderNum = targetElement.prevAll(options.lengthElement).length+1; 
      
      if (orderNum > currentPosition) gotoSlide(orderNum, 1); 
      else gotoSlide(orderNum, -1); 
      
      return false; 
      }); 
      } 
      
      
      if (options.useArrows) { 
      var $right_arrow = jQuery(options.arrowRight), 
      $left_arrow = jQuery(options.arrowLeft); 
      
      $right_arrow.click(function(){ 
      if (currentPosition === slidesNum) 
      gotoSlide(1,1); 
      else 
      gotoSlide(currentPosition+1),1; 
      
      if (options.linksNav != '') changeTab(); 
      
      return false; 
      }); 
      
      $left_arrow.click(function(){ 
      if (currentPosition === 1) 
      gotoSlide(slidesNum,-1); 
      else 
      gotoSlide(currentPosition-1,-1); 
      
      if (options.linksNav != '') changeTab(); 
      
      return false; 
      }); 
      
      } 
      
      
      function changeTab(){ 
      if (linkSwitcherTab != '') { 
      linkSwitcherTab.siblings().removeClass('active'); 
      linkSwitcherTab.filter(':eq('+(currentPosition-1)+')').addClass('active'); 
      } 
      } 
      
      function gotoSlide(slideNumber,dir){ 
      if ($slide.filter(':animated').length) return; 
      
      $slide.css('opacity','0'); 
      
      $activeSlide = $slide.filter(':eq('+(currentPosition-1)+')').css('opacity','1'); 
      
      if (currentPosition === slideNumber) return; 
      
      $nextSlide = $slide.filter(':eq('+(slideNumber-1)+')').css('opacity','1'); 
      
      if ((currentPosition > slideNumber || currentPosition === 1) && (dir === -1)) { 
      if (options.fx === 'slide') slideBack(500); 
      if (options.fx === 'fade') slideFade(500); 
      } else { 
      if (options.fx === 'slide') slideForward(500); 
      if (options.fx === 'fade') slideFade(500); 
      } 
      
      currentPosition = $nextSlide.prevAll().length + 1; 
      
      if (options.linksNav != '') changeTab(); 
      
      if (typeof interval != 'undefined' && options.auto) { 
      clearInterval(interval); 
      auto_rotate(); 
      } 
      
      return false; 
      } 
      
      
      if (options.auto) { 
      auto_rotate(); 
      var pauseSlider = false; 
      } 
      
      if (options.pauseOnHover) { 
      slidesContainer.hover(function(){ 
      pauseSlider = true; 
      },function(){ 
      pauseSlider = false; 
      }); 
      } 
      
      function auto_rotate(){ 
      
      interval = setInterval(function(){ 
      if (!pauseSlider) { 
      if (currentPosition === slidesNum) 
      gotoSlide(1,1); 
      else 
      gotoSlide(currentPosition+1),1; 
      
      if (options.linksNav != '') changeTab(); 
      } 
      },options.autoSpeed); 
      
      } 
      
      function slideForward(speed){ 
      $nextSlide.css('left',slideOuterWidth+'px'); 
      $activeSlide.animate({left: '-'+slideOuterWidth},speed); 
      $nextSlide.animate({left: 0},speed); 
      } 
      
      function slideBack(speed){ 
      $nextSlide.css('left','-'+slideOuterWidth+'px'); 
      $activeSlide.animate({left: slideOuterWidth},speed); 
      $nextSlide.animate({left: 0},speed); 
      } 
      
      function slideFade(speed){ 
      $activeSlide.css({zIndex: slidesNum}).fadeOut(700); 
      $nextSlide.css({zIndex: (slidesNum+1)}).fadeIn(700); 
      } 
      
      }); 
      } 
      })(jQuery); 
      <!---- end et_switcher plugin v2 ----> 
      
      /////// Shortcodes Javascript /////// 
      
      /// tooltip /// 
      
      $et_tooltip = jQuery('.et-tooltip'); 
      
      $et_tooltip.live('mouseover mouseout', function(event){ 
      if (event.type == 'mouseover') { 
      jQuery(this).find('.et-tooltip-box').animate({ opacity: 'show', bottom: '25px' }, 300); 
      } else { 
      jQuery(this).find('.et-tooltip-box').animate({ opacity: 'hide', bottom: '35px' }, 300); 
      } 
      }); 
      
      /// learn more /// 
      
      $et_learn_more = jQuery('.et-learn-more .heading-more'); 
      
      $et_learn_more.live('click', function() { 
      if ( jQuery(this).hasClass('open') ) 
      jQuery(this).removeClass('open'); 
      else 
      jQuery(this).addClass('open'); 
      
      jQuery(this).parent('.et-learn-more').find('.learn-more-content').animate({ opacity: 'toggle', height: 'toggle' }, 300); 
      }); 
      
      // ]]> 
      </script>
    А это в самом конце перед /body
    Код:
    "Verdana"><script type='text/javascript'> 
      //jQuery(document).ready(function() { 
      jQuery('#et-image-slider737 .et-image-slides').et_shortcodes_switcher({sliderType: 'images', auto: true, autoSpeed: '5000',useArrows: true, fx: 'fade', arrowLeft: '#et-image-slider737 a.left-arrow', arrowRight: '#et-image-slider737 a.right-arrow', linksNav: '#et-image-slider737 .controllers a.switch',findParent: false, lengthElement: 'a.switch'}); 
      //}); 
      </script>
    Активирование:

    Данный слайдер активируется следующим кодом
    Код:
    <div class='et-image-slider' id='et-image-slider737'> 
      <div class='et-image-slides'> 
      
      <div class='et-image' style='background: url(http://ваш сайт/картинка) no-repeat; width: 800px; height: 500px;'><span class='et-image-overlay'> </span></div> 
      <div class='et-image' style='background: url(http://ваш сайт/картинка) no-repeat; width: 800px; height: 500px;'><span class='et-image-overlay'> </span></div> 
      <div class='et-image' style='background: url(http://ваш сайт/картинка) no-repeat; width: 800px; height: 500px;'><span class='et-image-overlay'> </span></div> 
      <div class='et-image' style='background: url(http://ваш сайт/картинка) no-repeat; width: 800px; height: 500px;'><span class='et-image-overlay'> </span></div> 
      </div> 
      
      
      </div> <!-- .et-image-slider -->
    Картинки должны иметь размер 800px на 500px
     
  3. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.755
    Симпатии:
    4.729
    [​IMG]
    Установка:
    1. Ставим по месту вывода слайдера, к примеру, в один из контейнеров:
    Код:
    "Verdana"><script type="text/javascript" src="/coin-slider/slider.js"></script> 
      <script type="text/javascript" src="/coin-slider/slide_options.js"></script> 
      <script type="text/javascript" src="/coin-slider/jquery-1.4.2.js"></script> 
      <script type="text/javascript" src="/coin-slider/coin-slider.min.js"></script> 
      <link rel="stylesheet" href="/coin-slider/coin-slider-styles.css" type="text/css" /> 
    
      <div id='coin-slider'> 
      <a href="img01_url" target="_blank"> 
      <img src='http://workshop.rs/projects/coin-slider/games/prince_of_persia.jpg' > 
      <span> 
      Текст под картинкой 
      </span> 
      </a> 
      ...... 
      ...... 
      <a href="http://workshop.rs/projects/coin-slider/games/god_of_war_3.jpg"> 
      <img src='/n1.png' > 
      <span> 
      Текст под картинкой 
      </span> 
      </a> 
      </div>
    2. Скачиваем архив и загружаем все в корень Вашего сайта.
     

    Вложения:

  4. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.755
    Симпатии:
    4.729
    [​IMG]
    Вставляем данный код туда где хотим видеть слайдер(обычно это это верхняя часть сайта)
    Код:
    <link rel="stylesheet" type="text/css" href="http://joomla.ucoz.com/ucozsleder/2/joomla.ucoz.com.style.css"><script type="text/javascript" src="http://joomla.ucoz.com/ucozsleder/2/jquery.min.js" ></script><script type="text/javascript" src="http://joomla.ucoz.com/ucozsleder/2/jquery.easing.1.3.js"></script><script type="text/javascript" src="http://joomla.ucoz.com/ucozsleder/2/jquery-ui.min.js" ></script><script type="text/javascript"> $(document).ready(function(){ $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true); }); </script><br><div id="featured"><ul class="ui-tabs-nav"><li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"> 
    
      <a href="#fragment-1"><img src=" ССЫЛКА НА КАРТИНКУ " alt="Joomla.uCoz.Com" width="65"><span> НАЗВАНИЕ МАТЕРИАЛА </span></a></li><li class="ui-tabs-nav-item" id="nav-fragment-2"> 
    
      <a href="#fragment-2"><img src=" ССЫЛКА НА КАРТИНКУ " alt="Joomla.uCoz.Com" width="65"><span> НАЗВАНИЕ МАТЕРИАЛА </span></a></li><li class="ui-tabs-nav-item" id="nav-fragment-3"> 
    
      <a href="#fragment-3"><img src=" ССЫЛКА НА КАРТИНКУ " alt="Joomla.uCoz.Com" width="65"><span> НАЗВАНИЕ МАТЕРИАЛА </span></a></li><li class="ui-tabs-nav-item" id="nav-fragment-4"> 
    
      <a href="#fragment-4"><img src=" ССЫЛКА НА КАРТИНКУ " alt="Joomla.uCoz.Com" width="65"><span> НАЗВАНИЕ МАТЕРИАЛА </span></a></li></ul> 
    
      <!-- First Content --> 
    
      <div id="fragment-1" class="ui-tabs-panel" style=""><img src=" ССЫЛКА НА КАРТИНКУ(400x250) " alt="" width="400"><div class="info"><h2> 
      
      <a href=" ССЫЛКА НА МАТЕРИАЛ "> НАЗВАНИЕ МАТЕРИАЛА </a></h2><p> КРАТКОЕ ОПИСАНИЕ </p></div></div><!-- Second Content --><div id="fragment-2" class="ui-tabs-panel" style=""><img src=" ССЫЛКА НА КАРТИНКУ(400x250) " alt="Joomla.uCoz.Com" width="400"><div class="info"><h2> 
    
      <a href=" ССЫЛКА НА МАТЕРИАЛ "> НАЗВАНИЕ МАТЕРИАЛА </a></h2><p> КРАТКОЕ ОПИСАНИЕ </p></div></div><!-- Third Content --><div id="fragment-3" class="ui-tabs-panel" style=""><img src=" ССЫЛКА НА КАРТИНКУ(400x250) " alt="Joomla.uCoz.Com" width="400"><div class="info"><h2> 
    
      <a href=" ССЫЛКА НА МАТЕРИАЛ "> НАЗВАНИЕ МАТЕРИАЛА </a></h2><p> КРАТКОЕ ОПИСАНИЕ </p></div></div><!-- Fourth Content --><div id="fragment-4" class="ui-tabs-panel" style=""><img src=" ССЫЛКА НА КАРТИНКУ(400x250) " alt="Joomla.uCoz.Com" width="400"><div class="info"><h2> 
    
      <a href=" ССЫЛКА НА МАТЕРИАЛ "> НАЗВАНИЕ МАТЕРИАЛА </a></h2><p> КРАТКОЕ ОПИСАНИЕ </p></div></div></div></td>
     
  5. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.755
    Симпатии:
    4.729
    [​IMG]
    Все нужное для установки информера находится в архиве.
     

    Вложения:

  6. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.755
    Симпатии:
    4.729
    [​IMG]
    Скрипт jQuery для сайта - jQuery слайдер
    Красивый и эффектный слайдер jQuery. Добавил новость по разным категориям, потому что еще не создал категории jquery, пока. Слайдер можно использовать для разных целей, вывод новостей, изображений.
    Не забываем скачать архив, в нем все файлы необходимые для этого слайдера.
     

    Вложения:

  7. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.755
    Симпатии:
    4.729
    [​IMG]
    Слайдер для uCoz - Красивый слайдерНеплохой слайдер который будет выводить нужную вашу информацию в нужном вам месте
    Установка
    Вставляем данный код туда где хотим видеть слайдер:
    Код:
    <link type="text/css" rel="stylesheet" href="http://joomla.ucoz.com/Demo/1/main.css"> 
      <script type="text/javascript" src="http://joomla.ucoz.com/Demo/1/jquery.js"></script> 
      <script type="text/javascript" src="http://joomla.ucoz.com/Demo/1/main.js"></script> 
      <script type="text/javascript" src="http://joomla.ucoz.com/Demo/1/highslide.min.js"></script> 
      <div id="headSlider"><div id="headSliderLeftHover" class="button"></div><div id="headSliderLeft" class="button"></div><div id="headSliderCenter"> 
      <div id="headSliderNav"><div class="current"></div><div></div><div></div><div></div><div></div></div><div class="headSliderItem"> 
      <div id="sliderRibbon"><div class="ribbonItem"><div class="headSliderBottom"><div class="headSliderBottomRight wide"></div></div></div> 
      <div class="ribbonItem"><span class="headSliderTitle">Joomla.ucoz.com</span> 
      <div class="headSliderBottom"><div class="headSliderBottomRight"> 
      Здравствуйте, уважаемые посетители. Сайт, на который вы попали, посвящен системе управления сайтами – uCoz и Joomla.</div></div></div> 
      <div class="ribbonItem"><span class="headSliderTitle">Название 2 слайда </span> 
      <div class="headSliderBottom"><div class="headSliderBottomRight wide"> 
      текст 2 слайда</div></div></div> 
      <div class="ribbonItem"><span class="headSliderTitle">Название 3 слайда </span> 
      <div class="headSliderBottom"><div class="headSliderBottomRight wide"> 
      Здравствуйте, уважаемые посетители. Сайт, на который вы попали, посвящен системе управления сайтами – uCoz и Joomla. На нем вы найдете лучшие шаблоны, скрипты, уроки и иконки для этой CMS. Другими словами на нем есть все. </div></div></div> 
      <div class="ribbonItem"><span class="headSliderTitle">Название 4 слайда </span> 
      <div class="headSliderBottom"><div class="headSliderBottomRight wide"> 
      текст 4 слайда</div></div></div> 
      <div class="ribbonItem"><span class="headSliderTitle">Название 5 слайда </span> 
      <div class="headSliderBottom"><div class="headSliderBottomRight wide"> 
      текст 5 слайда</div></div></div> 
      <div class="ribbonItem"><div class="headSliderBottom"><div class="headSliderBottomLeft"></div> 
      <div class="headSliderBottomRight"></div></div></div></div></div></div> 
      <div id="headSliderRight" class="button"></div><div id="headSliderRightHover" class="button"></div> 
      </div> 
     
  8. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.755
    Симпатии:
    4.729
    [​IMG]

    УстановкаВставляем данный код после тега туда где хотим видеть слайдер:
    Код:
    <link rel="stylesheet" type="text/css" href="http://uc0z.3dn.ru/3/krasivyj_slajder.css" media="all"> 
      <script type="text/javascript" src="http://uc0z.3dn.ru/3/krasivyj_slajder.js"></script> 
      <div id="preview-contanier"><div class="arrow-left"></div><div id="preview" class="ie6"><ul> 
      <li class="preview-tumb panel"><a href="http://joomla.ucoz.com/" ><img alt="" style="border: 0 none; width: 150px; height: 110px;" src="http://uc0z.3dn.ru/3/krasivyj_slajder_banner.png"><br>Ваш текст под картинкой</a></li> 
      <li class="preview-tumb panel"><a href="#"><img alt="" style="border: 0 none; width: 150px; height: 110px;" src="http://uc0z.3dn.ru/3/krasivyj_slajder_banner.png"><br>Ваш текст под картинкой</a></li> 
      <li class="preview-tumb panel"><a href="#"><img alt="" style="border: 0 none; width: 150px; height: 110px;" src="http://uc0z.3dn.ru/3/krasivyj_slajder_banner.png"><br>Ваш текст под картинкой</a></li> 
      <li class="preview-tumb panel"><a href="#"><img alt="" style="border: 0 none; width: 150px; height: 110px;" src="http://uc0z.3dn.ru/3/krasivyj_slajder_banner.png"><br>Ваш текст под картинкой</a></li> 
      <li class="preview-tumb panel"><a href="#"><img alt="" style="border: 0 none; width: 150px; height: 110px;" src="http://uc0z.3dn.ru/3/krasivyj_slajder_banner.png"><br>Ваш текст под картинкой</a></li> 
      <li class="preview-tumb panel"><a href="#"><img alt="" style="border: 0 none; width: 150px; height: 110px;" src="http://uc0z.3dn.ru/3/krasivyj_slajder_banner.png"><br>Ваш текст под картинкой</a></li> 
      </ul></div><div class="arrow-right"><a href="http://joomla.ucoz.com" style="text-decoration: none; alt="Шаблоны для uCoz, скрипты для uCoz">.</a><a href="http://ecosig.com.ua" style="text-decoration: none; alt="электронные сигареты в киеве">.</a></div></div>
     
  9. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.755
    Симпатии:
    4.729
    [​IMG]
    Красивый, компактный слайдер для ucoz.
    Установка:
    Вставляем этот код туда где хотим видеть данный слайдер
    Код:
    <!--Слайдер by AID--> 
      <link rel="stylesheet" href="http://joomla.ucoz.com/ucozsleder/slider.css" type="text/css" /> 
      <script src="http://joomla.ucoz.com/ucozsleder/slider.js" type="text/javascript"></script> 
      <div id="sliderbox"> 
      <div id="slider"> 
      <div class="scroll"> 
      <div class="scrollcont"> 
      <div class="panel" style="background:url('Ссылка на картинку') top left no-repeat;"> <div class="insert"> <span class="ititle"><a href="ССЫЛКА">НАЗВАНИЕ...</a></span> <br> <span class="featuredmorelink"> <a href="ССЫЛКА" title="НАЗВАНИ">Подробнее...</a> 
      </span> </div> </div><div class="panel" style="background:url('Ссылка на картинку ') top left no-repeat;"> <div class="insert"> <span class="ititle"><a href="ССЫЛКА">НАЗВАНИЕ...</a> </span> <br> <span class="featuredmorelink"> <a href="ССЫЛКА" title="НАЗВАНИ">Подробнее...</a> 
      </span> </div> </div><div class="panel" style="background:url('Ссылка на картинку') top left no-repeat;"> <div class="insert"> <span class="ititle"><a href="ССЫЛКА">НАЗВАНИЕ...</a></span> <span class="featuredmorelink"> <a href="ССЫЛКА" title="НАЗВАНИ">Подробнее...</a> 
      </span> </div> </div><div class="panel" style="background:url('Ссылка на картинку ') top left no-repeat;"> <div class="insert"> <span class="ititle"><a href="ССЫЛКА">НАЗВАНИЕ...</a></span> <span class="featuredmorelink"> <a href="ССЫЛКА" title="НАЗВАНИ ">Подробнее...</a> 
      </span> </div> </div><div class="panel" style="background:url(' Ссылка на картинку ') top left no-repeat;"> <div class="insert"> <span class="ititle"><a href=" ССЫЛКА ">НАЗВАНИЕ...</a></span> <span class="featuredmorelink"> <a href="ССЫЛКА" title="НАЗВАНИ">Подробнее...</a> </span> </div> </div> 
      
      </div> 
      </div> 
      </div> 
      </div> 
      <!--Слайдер by AID-->
     
  10. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.755
    Симпатии:
    4.729
    [​IMG]
    Слайдер как на ucoz-info.ru
    Установка:
    Вставляем данный код туда где хотим видеть данный слайдер
    Код:
    "1" style="font-size: 8pt;"><link type="text/css" rel="StyleSheet" href="http://joomla.ucoz.com/my.css"> 
    <script type="text/javascript" src="http://joomla.ucoz.com/jquery-1.3.2.js"></script><script type="text/javascript" src="./Оригинал шаблона сайта yougamer.pp.ua для ucoz - ШАБЛОНЫ ДЛЯ UCOZ_files/uwnd.js"></script><style type="text/css">.UhideBlock {display:none}</style> 
    <style type="text/css" id="ya_share_style">.b-share-popup-wrap{z-index:1073741823;position:absolute;width:500px}.b-share-popup{position:absolute;z-index:1073741823;border:1px solid #888;background:#FFF;color:#000}.b-share-popup-wrap .b-share-popup_down{top:0}.b-share-popup-wrap .b-share-popup_up{bottom:0}.b-share-popup-wrap_state_hidden{position:absolute!important;top:-9999px!important;right:auto!
    important;bottom:auto!important;left:-9999px!important;visibility:hidden!important}.b-share-popup,x:nth-child(1){border:0;padding:1px!important}@media all and (resolution = 0dpi){.b-share-popup,x:nth-child(1),x:-o-prefocus{padding:0!important;border:1px solid #888}}.b-share-popup__i{display:-moz-inline-box;display:inline-block;padding:5px 0!important;overflow:hidden;vertical-align:top;white-space:nowrap;visibility:visible;background:#FFF;-webkit-box-shadow:0 2px 9px rgba(0,0,0,0.6);-moz-box-shadow:0 2px 9px rgba(0,0,0,0.6);box-shadow:0 2px 9px rgba(0,0,0,0.6)}.b-share-popup__item{font:1em/1.25em Arial,sans-serif;display:block;padding:5px 15px!important;white-space:nowrap;background:#FFF}.b-share-popup__item,a.b-share-popup__item:link,a.b-share-popup__item:visited{text-decoration:none!important;border:0!important}a.b-share-popup__item{cursor:pointer}a.b-share-popup__item .b-share-popup__item__text{display:inline;text-decoration:underline;color:#1a3dc1}a.b-share-popup__item:hover{word-spacing:0}a.b-share-popup__item:hover .b-share-popup__item__text{color:#F00;cursor:pointer}.b-share-popup__icon{display:-moz-inline-box;display:inline-block;margin:-3px 0 0 0;padding:0 5px 0 0!important;vertical-align:middle}.b-share-popup__icon_input{width:21px;height:16px;margin-top:-6px;padding:0!important}.b-share-popup__icon__input{margin-right:0;margin-left:2px;vertical-align:top}.b-share-popup__spacer{display:block;padding-top:10px!important}.b-share-popup__header{font:86%/1em Verdana,sans-serif;display:block;padding:10px 15px 5px 15px!important;color:#999}.b-share-popup__header_first{padding-top:5px!important}.b-share-popup__input{font:86%/1em Verdana,sans-serif;display:block;padding:5px 15px!important;color:#999;text-align:left}.b-share-popup__input__input{font:1em/1em Verdana,sans-serif;display:block;width:10px;margin:5px 0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;resize:none;text-align:left;direction:ltr}.b-share-popup_down .b-share-popup_with-link .b-share-popup__input_link{position:absolute;top:5px;right:0;left:0}.b-share-popup_up .b-share-popup_with-link .b-share-popup__input_link{position:absolute;right:0;bottom:5px;left:0}.b-share-popup_down .b-share-popup_with-link{padding-top:55px!important}.b-share-popup_up .b-share-popup_with-link{padding-bottom:55px!important}.b-share-popup_down .b-share-popup_expandable .b-share-popup__main{padding-bottom:25px!important}.b-share-popup_up .b-share-popup_expandable .b-share-popup__main{padding-top:25px!important}.b-share-popup_down .b-share-popup_yandexed{padding-bottom:10px!important}.b-share-popup_up .b-share-popup_yandexed{padding-top:10px!important}.b-share-popup__yandex{position:absolute;right:4px;bottom:2px;font:78.125%/1em Verdana,sans-serif;padding:3px!important;background:transparent}a.b-share-popup__yandex:link,a.b-share-popup__yandex:visited{color:#c6c5c5;text-decoration:none}a.b-share-popup__yandex:link:hover,a.b-share-popup__yandex:visited:hover{color:#F00;text-decoration:underline}.b-share-popup_up .b-share-popup__yandex{top:2px;bottom:auto}.b-share-popup_expandable .b-share-popup__yandex{right:auto;left:4px}.b-share-popup_to-right .b-share-popup_expandable .b-share-popup__yandex{right:4px;left:auto}.b-share-popup__expander .b-share-popup__item{position:absolute;bottom:5px;font:86%/1em Verdana,sans-serif;margin:10px 0 0;padding:5px 10px!important;cursor:pointer;color:#999;background:transparent}.b-share-popup_to-right,.b-share-popup_to-right .b-share-popup__expander{direction:rtl}.b-share-popup_to-right .b-share-popup__expander .b-share-popup__icon{padding:0 0 0 5px!important}.b-share-popup_up .b-share-popup__expander .b-share-popup__item{top:-5px;bottom:auto}.b-share-popup__expander .b-share-popup__item:hover .b-share-popup__item__text{text-decoration:underline}.b-share-popup__expander .b-ico_action_rarr,.b-share-popup_to-right .b-share-popup__expander .b-ico_action_larr,.b-share-popup_full .b-share-popup__expander .b-ico_action_larr,.b-share-popup_to-right .b-share-popup_full .b-share-popup__expander .b-ico_action_rarr,.b-share-popup__expander .b-share-popup__item__text_collapse,.b-share-popup_full .b-share-popup__item__text_expand{display:none}.b-share-popup_to-right .b-share-popup__expander .b-ico_action_rarr,.b-share-popup_full .b-share-popup__item__text_collapse,.b-share-popup_full .b-share-popup__expander .b-ico_action_rarr,.b-share-popup_to-right .b-share-popup_full .b-share-popup__expander .b-ico_action_larr{display:inline}.b-ico_action_rarr,.b-ico_action_larr{width:8px;height:7px;border:0}.b-share-popup__main,.b-share-popup__extra{direction:ltr;vertical-align:bottom;text-align:left}.b-share-popup_down .b-share-popup__main,.b-share-popup_down .b-share-popup__extra{vertical-align:top}.b-share-popup__main{display:-moz-inline-stack;display:inline-block}.b-share-popup__extra{display:none;margin:0 -10px 0 0}.b-share-popup_full .b-share-popup__extra{display:-moz-inline-stack;display:inline-block}.b-share-popup_to-right .b-share-popup__extra{margin:0 0 0 -10px}.b-share-popup__tail{position:absolute;width:21px;height:10px;margin:0 0 0 -11px}.b-share-popup_down .b-share-popup__tail{top:-10px;background:url(//yandex.st/share/static/b-share-popup_down__tail.gif) 0 0 no-repeat}.b-share-popup_up .b-share-popup__tail{bottom:-10px;background:url(//yandex.st/share/static/b-share-popup_up__tail.gif) 0 0 no-repeat}.b-share-popup_down .b-share-popup__tail,x:nth-child(1){top:-9px;background-image:url(//yandex.st/share/static/b-share-popup_down__tail.png)}.b-share-popup_up .b-share-popup__tail,x:nth-child(1){bottom:-9px;background-image:url(//yandex.st/share/static/b-share-popup_up__tail.png)}@media all and (resolution = 0dpi){.b-share-popup_down .b-share-popup__tail,x:nth-child(1),x:-o-prefocus{top:-10px;background-image:url(//yandex.st/share/static/b-share-popup_down__tail.gif)}.b-share-popup_up .b-share-popup__tail,x:nth-child(1),x:-o-prefocus{bottom:-10px;background-image:url(//yandex.st/share/static/b-share-popup_up__tail.gif)}}.b-share-popup .b-share-popup_show_form_mail,.b-share-popup .b-share-popup_show_form_html{padding:0!important}.b-share-popup .b-share-popup_show_form_mail .b-share-popup__main,.b-share-popup .b-share-popup_show_form_html .b-share-popup__main,.b-share-popup .b-share-popup_show_form .b-share-popup__main,.b-share-popup .b-share-popup_show_form_mail .b-share-popup__extra,.b-share-popup .b-share-popup_show_form_html .b-share-popup__extra,.b-share-popup .b-share-popup_show_form .b-share-popup__extra{height:15px;padding:0!important;overflow:hidden;visibility:hidden}.b-share-popup_show_form_mail .b-share-popup__expander,.b-share-popup_show_form_html .b-share-popup__expander,.b-share-popup_show_form .b-share-popup__expander,.b-share-popup_show_form_mail .b-share-popup__input_link,.b-share-popup_show_form_html .b-share-popup__input_link,.b-share-popup_show_form .b-share-popup__input_link{display:none}.b-share-popup__form{position:relative;display:none;overflow:hidden;padding:5px 0 0!important;margin:0 0 -15px;white-space:normal}.b-share-popup_show_form_mail .b-share-popup__form_mail,.b-share-popup_show_form_html .b-share-popup__form_html,.b-share-popup_show_form .b-share-popup__form{display:block}.b-share-popup__form__link{font:86%/1.4545em Verdana,sans-serif;float:left;display:inline;padding:5px!important;margin:0 0 5px 10px;text-decoration:underline;cursor:pointer;color:#1a3dc1}.b-share-popup__form__button{font:86%/1.4545em Verdana,sans-serif;float:left;display:inline;margin:5px 0 0 15px}.b-share-popup__form__close{font:86%/1.4545em Verdana,sans-serif;float:right;display:inline;padding:5px!important;margin:0 10px 5px 0;cursor:pointer;color:#999}a.b-share-popup__form__link:hover,a.b-share-popup__form__close:hover{text-decoration:underline;color:#F00}.b-share-popup_font_fixed .b-share-popup__item{font-size:12.8px}.b-share-popup_font_fixed .b-share-popup__header,.b-share-popup_font_fixed .b-share-popup__input,.b-share-popup_font_fixed .b-share-popup__expander .b-share-popup__item,.b-share-popup_font_fixed .b-share-popup__form__link,.b-share-popup_font_fixed .b-share-popup__form__button,.b-share-popup_font_fixed .b-share-popup__form__close{font-size:11px}.b-share-popup_font_fixed .b-share-popup__yandex{font-size:10px}.b-share-form-button{font:86%/17px Verdana,Arial,sans-serif;display:-moz-inline-box;display:inline-block;position:relative;height:19px;margin:0 3px;padding:0 4px;cursor:default;white-space:nowrap;text-decoration:none!important;color:#000!important;border:none;outline:none;background:url(//yandex.st/share/static/b-share-form-button.png) 0 -20px repeat-x}.b-share-form-button:link:hover,.b-share-form-button:visited:hover{color:#000!important}.b-share-form-button__before,.b-share-form-button__after{position:absolute;width:3px;height:19px;background:url(//yandex.st/share/static/b-share-form-button.png)}.b-share-form-button__before{margin-left:-7px}.b-share-form-button__after{margin-left:4px;background-position:-3px 0}.b-share-form-button::-moz-focus-inner{border:none}button.b-share-form-button .b-share-form-button__before,button.b-share-form-button .b-share-form-button__after{margin-top:-1px}@-moz-document url-prefix(){button.b-share-form-button .b-share-form-button__after{margin-top:-2px;margin-left:6px}button.b-share-form-button .b-share-form-button__before{margin-top:-2px;margin-left:-9px}}SPAN.b-share-form-button:hover,.b-share-form-button_state_hover{background-position:0 -60px}SPAN.b-share-form-button:hover .b-share-form-button__before,.b-share-form-button_state_hover .b-share-form-button__before{background-position:0 -40px}SPAN.b-share-form-button:hover .b-share-form-button__after,.b-share-form-button_state_hover .b-share-form-button__after{background-position:-3px -40px}.b-share-form-button_state_pressed,.b-share-form-button_state_pressed .b-share-form-button_share{background-position:0 -100px!important}.b-share-form-button_state_pressed .b-share-form-button__before{background-position:0 -80px!important}.b-share-form-button_state_pressed .b-share-form-button__after{background-position:-3px -80px!important}button.b-share-form-button_state_pressed{overflow:visible}.b-share-form-button_icons{position:relative;padding:0;background-position:0 -20px!important}.b-share-form-button_icons .b-share-form-button__before{left:0;margin-left:-3px;background-position:0 0!important}.b-share-form-button_icons .b-share-form-button__after{z-index:-1;margin-left:0;background-position:-3px 0!important}.b-share-form-button_icons .b-share__handle{padding:2px!important}.b-share-form-button_icons .b-share__handle_more{position:relative;padding-right:6px!important;margin-right:-4px}.b-share-form-button_icons .b-share-icon{opacity:.5;background-image:url(//yandex.st/share/static/b-share-icon_size_14.png)}.b-share-form-button_icons A.b-share__handle:hover .b-share-icon{opacity:1}.b-share{font:86%/1.4545em Arial,sans-serif;display:-moz-inline-box;display:inline-block;padding:1px 3px 1px 4px!important;vertical-align:middle}.b-share .b-share-form-button{font-size:1em}.b-share__text .b-share-icon{margin:0 5px 0 0;border:none}.b-share__text{margin-right:5px}.b-share__handle{float:left;cursor:pointer;text-align:left;text-decoration:none!important;height:16px;padding:5px 3px 5px 2px!important;cursor:pointer;text-align:left;text-decoration:none!important}.b-share__handle_cursor_default{cursor:default}.b-share__handle .b-share-form-button{margin-top:-2px}.b-share__hr{display:none;float:left;width:1px;height:26px;margin:0 3px 0 2px}a.b-share__handle:hover .b-share__text{text-decoration:underline;color:#F00}.b-share_bordered{padding:0 2px 0 3px!important;border:1px solid #e4e4e4;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.b-share_bordered .b-share__hr{display:inline;background:#e4e4e4}.b-share_link{margin:-8px 0}a.b-share_link{margin:0}.b-share_link .b-share__text{text-decoration:underline;color:#1a3dc1}.b-share-form-button_share{padding-left:26px!important;vertical-align:top}.b-share-form-button_share .b-share-form-button__before{margin-left:-29px}.b-share-form-button_share .b-share-form-button__icon{position:absolute;width:20px;height:17px;margin:1px 0 0 -23px;background:url(//yandex.st/share/static/b-share-form-button_share__icon.png) 0 0 no-repeat}.b-share-pseudo-link{border-bottom:1px dotted;cursor:pointer;text-decoration:none!important}.b-share_font_fixed{font-size:11px}.b-share__handle_more{font-size:9px;margin-top:-1px;color:#7b7b7b}A.b-share__handle_more:hover{color:#000}.b-share__group{float:left}.b-share-icon{float:left;display:inline;overflow:hidden;width:16px;height:16px;padding:0!important;vertical-align:top;border:0;background:url(//yandex.st/share/static/b-share-icon.png) 0 99px no-repeat}.b-share-icon_vkontakte,.b-share-icon_custom{background-position:0 0}.b-share-icon_yaru,.b-share-icon_yaru_photo,.b-share-icon_yaru_wishlist{background-position:0 -17px}.b-share-icon_lj{background-position:0 -34px}.b-share-icon_twitter{background-position:0 -51px}.b-share-icon_facebook{background-position:0 -68px}.b-share-icon_moimir{background-position:0 -85px}.b-share-icon_friendfeed{background-position:0 -102px}.b-share-icon_mail{background-position:0 -119px}.b-share-icon_html{background-position:0 -136px}.b-share-icon_postcard{background-position:0 -153px}.b-share-icon_odnoklassniki{background-position:0 -170px}.b-share-icon_blogger{background-position:0 -187px}.b-share-icon_greader{background-position:0 -204px}.b-share-icon_delicious{background-position:0 -221px}.b-share-icon_gbuzz{background-position:0 -238px}.b-share-icon_linkedin{background-position:0 -255px}.b-share-icon_myspace{background-position:0 -272px}.b-share-icon_evernote{background-position:0 -289px}.b-share-icon_digg{background-position:0 -306px}.b-share-icon_juick{background-position:0 -324px}.b-share-icon_moikrug{background-position:0 -341px}.b-share-icon_yazakladki{background-position:0 -358px}.b-share-icon_liveinternet{background-position:0 -375px}.b-share-icon_tutby{background-position:0 -392px}.b-share-icon_diary{background-position:0 -409px}</style></head> 
    <body> 
    <!--U1AHEADER1Z--><script type="text/javascript" src="http://joomla.ucoz.com/script_site.js"></script> 
    <div id="container_wrap" class="modulesload pagesentry urildEnt1736"> 
    
      <!--/header_by_AID--> 
      <div class="hslider_full"> 
      <div class="hslider"> 
      <b class="hslider_prev"></b> 
      <b class="hslider_next"></b> 
      <div class="hslider_in" style="visibility: visible; overflow-x: hidden; overflow-y: hidden; position: relative; z-index: 2; left: 0px; width: 800px; "> 
      <ul style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; list-style-type: none; z-index: 1; width: 444px; left: 777px; "><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="#"> <img src="./Оригинал шаблона сайта yougamer.pp.ua для ucoz - ШАБЛОНЫ ДЛЯ UCOZ_files/26602279.png" width="120" height="156" alt=" "> </a> 
      </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="#"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt=" "> </a> 
      </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="#"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt=" "> </a> 
      </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="#"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt=" "> </a> 
      </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="#"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt=" "> </a> 
      </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="#"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt=" "> </a> 
      </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="#"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt=" "> </a> 
      </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="#"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt=" "> </a> 
      </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="#"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt=" "> </a> 
      </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="#"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt=" "> </a> 
      </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="#"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt=" "> </a> 
      </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="#"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt=" "> </a> 
      </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="#"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt=" "> </a> 
      </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="#"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt=" "> </a> 
      </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="#"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt=" "> </a> 
      </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="#"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt=" "> </a> 
      </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="#"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt=" "> </a> 
      </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="#"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt=" "> </a> 
      </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="#"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt=" "> </a> 
      </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="#"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt=" "> </a> 
      </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="#"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt=" "> </a> 
      </li></ul> 
      </div> 
      </div> 
      </div> 
      <!--/hslider_full_by_AID--> 
    Затем скачиваем архив, в корневой папке создаём папку "designs_103" и заливаем туда.
    Ссылки и картинки меняем на свои !!!
    Готово
     

    Вложения:

  11. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.755
    Симпатии:
    4.729
    [​IMG]
    Слайдер для ucoz самообновляемый
    Код:
    <link rel="stylesheet" type="text/css" href="http://stock-exchange.ucoz.com/magazin/style.css" />
    <script type="text/javascript" src="http://stock-exchange.ucoz.com/js/script.js"></script>
    <body>
    <div id="wrapper">
      <div id="container">
      <div class="sliderbutton" id="slideleft" onclick="slideshow.move(-1)"></div>
      <div id="slider">
      <ul>
      <li><img src="photos/1.jpg" width="558" height="235" alt="Image One" /></li>
      <li><img src="photos/2.jpg" width="558" height="235" alt="Image Two" /></li>
      <li><img src="photos/3.jpg" width="558" height="235" alt="Image Three" /></li>
      <li><img src="photos/4.jpg" width="558" height="235" alt="Image Four" /></li>
      </ul>
      </div>
      <div class="sliderbutton" id="slideright" onclick="slideshow.move(1)"></div>
      <ul id="pagination" class="pagination">
      <li onclick="slideshow.pos(0)"></li>
      <li onclick="slideshow.pos(1)"></li>
      <li onclick="slideshow.pos(2)"></li>
      <li onclick="slideshow.pos(3)"></li>
      </ul>
      </div>
    </div>
    
    <script type="text/javascript">
    var slideshow=new TINY.slider.slide('slideshow',{
      id:'slider',
      auto:4,
      resume:false,
      vertical:false,
      navid:'pagination',
      activeclass:'current',
      position:0,
      rewind:false,
      elastic:true,
      left:'slideleft',
      right:'slideright'
    });
    </script> 
     

    Вложения:

  12. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.755
    Симпатии:
    4.729
    [​IMG]
    Слайдер для ucoz флэш-изображение / фото галерея с JQuery
    Галерея
    Код:
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">
    google.load('jquery', '1.4.2');
    google.load('jqueryui', '1.7.2');
    </script>
    
    <link rel="stylesheet" href="http://stock-exchange.ucoz.com/jquery.gallery.css" type="text/css" />
    
    </head>
    <body>
    
      <div id="gallery" class="gallery">
    
      <ul class="galleryBar">
      <li><a href="images/1m.jpg" title="Описание."><img src="images/1t.jpg" title="image1" /></a></li>
      <li><a href="images/4m.jpg" rel="desc4"><img src="images/4t.jpg" title="Описание" /></a></li>
      <li><a href="images/5m.jpg" title="Описание."><img src="images/5t.jpg" title="image5" /></a></li>
      <li><a href="images/7m.jpg" title="Описание."><img src="images/7t.jpg" title="image7" /></a></li>
      
      </ul>
      </div>
    
      <div id="desc4" style="display:none;">
      <div>Описание.</div>
      <a href="#using_rel" id="desc4Link">using rel attribute to display .</a>
      </div>
    
    <script type="text/javascript">
    
    $(document).ready(function(){
    
      $('#gallery').gallery({
      interval: 5500,
      height: '340px',
      width: '470px'
      //toggleBar: false
      });
    });
    document.getElementById('cyear').innerHTML = new Date().getFullYear();
    </script>
    
    <script type="text/javascript" src="jquery.gallery.0.3.js"></script> 
     

    Вложения:

    • 973_21_4nv.rar
      973_21_4nv.rar
      Размер файла:
      121,7 КБ
      Просмотров:
      4
  13. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.755
    Симпатии:
    4.729
    [​IMG]
    Скачиваем архив.
     

    Вложения:

    • 974_19-09.rar
      974_19-09.rar
      Размер файла:
      82,5 КБ
      Просмотров:
      5
  14. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.755
    Симпатии:
    4.729
    [​IMG]
    Неплохой слайдер для ucoz авто прокрутка прост в установке и эксплуатации.
    Скачиваем архив.
     

    Вложения:

  15. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.755
    Симпатии:
    4.729
    [​IMG]
    Отличный слайдер с миниатюрами для ucoz на HTML5 и JQuery.
    Скачиваем архив.
     

    Вложения:

  16. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.755
    Симпатии:
    4.729
    [​IMG]
    Оригинальный слайдер,очень крутой эффект нескольких слайд-шоу стиле с JQuery- думаю многим понравится данный слайдер,так-же вы можете посмотреть демо версию и ознакомиться с функционалом P.S Заходите почаще.
    Скачиваем архив.
     

    Вложения:

  17. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.755
    Симпатии:
    4.729
    [​IMG]
    Отличный слайдер для ucoz с подсказкой к изображению и индикатором загрузки в виде полосы в низу слайда,так-же можно посмотреть демо версию слайда.
    Установка проста:
    1/заливаем папки res и images на свой сервер
    2/копируем содержимое файла слайдер.txt и ставим по месту.
    Тестировался в браузерах
    Google Chrome
    Mozilla Firefox
     

    Вложения:

  18. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.755
    Симпатии:
    4.729
    [​IMG]
    Новый слайдер для ucoz.
    Скачиваем архив.
     

    Вложения:

    • 1092_38_990.rar
      1092_38_990.rar
      Размер файла:
      343,5 КБ
      Просмотров:
      4
  19. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.755
    Симпатии:
    4.729
    [​IMG]
    Вот новенький слайдер изображений для сайтов uCoz,этот слайдер сделает страницы вашего сайта более привлекательнее. Слайдер подойдет под любую тематику сайта.

    Установка:
    Для начала качаем файловый архив и заливаем файлы в корень вашего драгоценного сайта
    и туда где-бы вы хотели установить сам скрипт ставим это.
    Код:
    <div id="flashContent"> 
      <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="860" height="350" id="home" align="middle"> 
      <param name="movie" value="home.swf" /> 
      <param name="quality" value="high" /> 
      <param name="bgcolor" value="#000000" /> 
      <param name="play" value="true" /> 
      <param name="loop" value="true" /> 
      <param name="wmode" value="window" /> 
      <param name="scale" value="showall" /> 
      <param name="menu" value="true" /> 
      <param name="devicefont" value="false" /> 
      <param name="salign" value="" /> 
      <param name="allowScriptAccess" value="sameDomain" /> 
      <!--[if !IE]>--> 
      <object type="application/x-shockwave-flash" data="home.swf" width="860" height="350"> 
      <param name="movie" value="home.swf" /> 
      <param name="quality" value="high" /> 
      <param name="bgcolor" value="#000000" /> 
      <param name="play" value="true" /> 
      <param name="loop" value="true" /> 
      <param name="wmode" value="window" /> 
      <param name="scale" value="showall" /> 
      <param name="menu" value="true" /> 
      <param name="devicefont" value="false" /> 
      <param name="salign" value="" /> 
      <param name="allowScriptAccess" value="sameDomain" /> 
      <!--<![endif]--> 
      <a href="http://www.adobe.com/go/getflash"> 
      <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Загрузить Adobe Flash Player" /> 
      </a> 
      <!--[if !IE]>--> 
      </object> 
      <!--<![endif]--> 
      </object> 
      </div>
     

Поделиться этой страницей

iHax Community
Рейтинг@Mail.ru Яндекс.Метрика мониторинг сайтов
Форум программного обеспечения/
Загрузка...