Сделать слайдер на XenForo очень просто...
1. В шаблон page_container_js_body, в самый низ.
2. Добавляем, в один из шаблонов для рекламы( ad_above_top_breadcrumb, ad_below_top_breadcrumb, ad_above_content), для примера ad_above_content
3. Открываем файл nivo-slider.css, и все содержимое файла, добавляем в шаблон EXTRA.css
4. И естественно не забываем, загрузить в корневой каталог XenForo, папки js и img.
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.