Неплохой слайдер который будет выводить нужную вашу информацию в нужном вам месте
Установка
Вставляем данный код туда где хотим видеть слайдер:
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>
<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>
Посмотреть демо Красивый слайдер
Другие новости |
Поделиться ссылкой
|
|
http://joomla.ucoz.com/Demo/1/main.css
Там есть картинки, открываешь меняешь цвета, затем ссылки картинок вписываешь в css стили, и подключаешь к слайдеру.