Красивый слайдер


Неплохой слайдер который будет выводить нужную вашу информацию в нужном вам месте 

Установка


Вставляем данный код туда где хотим видеть слайдер:
Code
<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>

  



  Категория: Слайдера для ucoz | Добавил: AID | Дата: 24.02.2012
Посмотреть демо Красивый слайдер
Красивый слайдер(посмотрели: 3749)
2 | AID пишет: | 21.04.2012 | 16:52 Страница с комментарием |
Можно, открываешь CSS стили слайдера вот они:
http://joomla.ucoz.com/Demo/1/main.css

Там есть картинки, открываешь меняешь цвета, затем ссылки картинок вписываешь в css стили, и подключаешь к слайдеру.
+ (+1) -