Добавляем слайдер в XenForo

Alex

Administrator
Команда форума
LV
0
 
Сделать слайдер на XenForo очень просто...

1. В шаблон page_container_js_body, в самый низ.

Код:
<!-- slider_add -->
<script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
    <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
    </script>
<!--end_slider_add -->

2. Добавляем, в один из шаблонов для рекламы( ad_above_top_breadcrumb, ad_below_top_breadcrumb, ad_above_content), для примера ad_above_content

Код:
 <div id="wrapper">

        <div class="slider-wrapper theme-default">
            <div id="slider" class="nivoSlider">
                <img src="img/toystory.jpg" data-thumb="img/toystory.jpg" alt="" />
                <a href="http://bayguzin.ru/main/shriftyi/russkij-shriftyi/70-potryasayushhix-kirillicheskix-russkix-shriftov.html"><img src="img/up.jpg" data-thumb="img/up.jpg" alt="" title="This is an example of a caption" /></a>
                <img src="img/walle.jpg" data-thumb="img/walle.jpg" alt="" data-transition="slideInLeft" />
                <img src="img/nemo.jpg" data-thumb="img/nemo.jpg" alt="" title="#htmlcaption" />
            </div>

        </div>

    </div>


3. Открываем файл nivo-slider.css, и все содержимое файла, добавляем в шаблон EXTRA.css

4. И естественно не забываем, загрузить в корневой каталог XenForo, папки js и img.
 

Вложения

  • Ad(nivo-slider3.0.1).zip
    346,5 KB · Просмотры: 0
Сверху