» » Слайдер для сайта на DLE

Слайдер для сайта на DLE

Слайдер для сайта на DLE

Слайдер для сайта на DLE
Рабочий хак, показывает новости из выбранной вами категории.


В main.tpl в нужном месте вставляем:

<div class="slider">
        <div style="padding:10px 20px 0px 20px;">            
            <div style="height: 10px; clear: both;"></div>
            <div id="slider">
                <ul>
    {custom category="1" template="shortstory-3" aviable="global" from="0" limit="10" cache="no"}        
                </ul>
                                           </div>    
        </div>
    </div>    


Где (custom category) это id категории , (aviable="global" ) это показывать во всех категориях,
(limit="10" ) количество новостей, (cache="no")кеширование.
Между тегами в main.tpl прописываем:

<link rel="stylesheet" type="text/css" href="{THEME}/css/slider.css" media="screen" />
<script type="text/javascript" src="{THEME}/css/easySlider1.7.js"></script>
    <script type="text/javascript" src="{THEME}/css/active.js"></script>


Демо
Внимание! У вас нет прав для просмотра скрытого текста.

Комментарии

fhsds

Посетители 21 июня 2015 08:53
в slider.css в строках

.slider {background:url(../images/slider.jpg)no-repeat;
height: 250px;width:430px;margin-top:-15px;
}

нужно убрать margin-top:-15px; , иначе заголовок "Последние новости" лезет куда-то вверх и становится нечитабельным

Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.


Личные сообщения

Ваши переписки