Хак Dle красивый слайдер выбора новостей

Рубрика: Хаки для DLE » Хак DLE 11.2, 11.1, 11.0, 10.6, 10.5, 10.4, 10.3, 10.2, 10.1, 10.0, 9.8, 9.7, 9.6, 9.5, 9.4, 9.3, 9.2, 9.0
Хак Dle красивый слайдер выбора новостей

Красивые слайдеры все чаще встречаются на сайтах, как элемент дизайнерского оформления, они становятся популярны и полезны для отображения важной информации на веб-сайтах. У нас на dle9.com

1. Красивый слайдер выбора новостей хак dle со многими возможностями , на основе скрипта JS
2. Два вида установок слайдера
3. Демо, а также PSD файлы для редактирования
Хак Dle красивый слайдер выбора новостей
Установка
1. Закачайте папки images и js на сервер
2. Из файла style.css добавьте код в каскад стилей или в main.tpl между

<head> ... </head>


Добавьте:

<link rel="stylesheet" href="{THEME}/style.css" type="text/css" media="screen" />


А файл style.css закачайте в шаблон

3. Пример кода возьмите из файла index.html и вставьте в нужное место вывода слайдера :

<div id="loopedSlider">        <a href="#" class="previous">previous</a>    <a href="#" class="next">next</a>        <div id="wrap">        <div class="container">            <div class="slides">                <div><img src="images/1_1_.jpg" width="928" height="286" alt="First Image" /></div>                <div><img src="images/2_1_.jpg" width="928" height="286" alt="First Image" /></div>                <div><img src="images/3_1_.jpg" width="928" height="286" alt="First Image" /></div>            </div>        </div>    </div>    </div><div id="alt"><div id="loopedSlider2">        <a href="#" class="previous green-prev">previous</a>    <a href="#" class="next green-next">next</a>        <div id="wrap2">        <div class="container2">            <div class="slides2">                <div><img src="images/4_1_.jpg" width="400" height="286" alt="First Image" /></div>                <div><img src="images/5_1_.jpg" width="400" height="286" alt="First Image" /></div>                <div><img src="images/6_1_.jpg" width="400" height="286" alt="First Image" /></div>            </div>        </div>    </div>    </div><div id="loopedSlider3">        <a href="#" class="previous orange-prev">previous</a>    <a href="#" class="next orange-next">next</a>        <div id="wrap3">        <div class="container3">            <div class="slides3">                <div><img src="images/7_1_.jpg" width="400" height="286" alt="First Image" /></div>                <div><img src="images/6_1_.jpg" width="400" height="286" alt="First Image" /></div>                <div><img src="images/4_1_.jpg" width="400" height="286" alt="First Image" /></div>            </div>        </div>    </div>    </div></div><script type="text/javascript" charset="utf-8">    $(function(){        // Option set as a global variable        $.fn.loopedSlider.defaults.addPagination = false;        $('#loopedSlider').loopedSlider();        $('#loopedSlider2').loopedSlider();        $('#loopedSlider3').loopedSlider();    });</script>


Советуем скачать hak DataLife Engine красивый слайдер выбора новостей
  • 80
Рубрика: DLE хаки » Хак для DLE
Ранее » Полная установка интеграция Skype в DLE« Далее NEW Сaptcha DLE новая версия каптча для дле
Добавление комментарияОставить комментарий
  • № :2
  • 7 мая 2014 08:21
Цитата: KorsarSL
А вот обязательно писать так чтоб потом были вопросы?!
Очень уж интересует этот момент:
2. Из файла style.css добавьте код в каскад стилей


Можно пойти двумя вариантами взять код и вставить в стили вашего шаблона

. а если в вашем шаблоне не подключен style.css файл стиль в main.tpl, то между head ... /head вставить кусок кода.

	<link rel="stylesheet" type="text/css" href="style.css" media="all" />
	<script src="js/jquery-1.4.2.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/jquery.faded.js" type="text/javascript" charset="utf-8"></script>


Забросить файлы из папки 4 или 5 в шаблон
а остальной кусок из index.html
между
body ...... /body это вывод слайдер, вставить в то место, где вы хотите выводить слайдер в
main.tpl
  • № :1
  • 7 мая 2014 00:53
А вот обязательно писать так чтоб потом были вопросы?!
Очень уж интересует этот момент:
2. Из файла style.css добавьте код в каскад стилей или в main.tpl между
кусок кода или весь?

Добавьте:

<link rel="stylesheet" href="{THEME}/style.css" type="text/css" media="screen" />

это тоже интересно! добавлять куда перед </header>
и вообще зачем все так не просто описано???