Выполняя просьбу ЦукерОо , приведу пример, добавления слайдера в XenForo.(писатель из меня никакой, опишу как смогу)
Добавление будет происходить на примере, .
1) Открываем файл index.html, в текстовом редакторе(например Notepad++), и видим такое содержимое:
Берем, эту часть:
И добавляем, в шаблон page_container_js_body, в самый низ.
__________________________________________________________
2) Далее из index.html, берем это содержимое:
И добавляем, в один из шаблонов для рекламы( 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) Открываем файл index.html, в текстовом редакторе(например Notepad++), и видим такое содержимое:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<html lang="en">
<head>
<title>Nivo Slider Demo</title>
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
</head>
<body>
<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>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
</body>
</html>Берем, эту часть:
Код:
<!-- 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) Далее из index.html, берем это содержимое:
HTML:
<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.
____________________________________________________________
Результат проделанной работы на скрине ниже:
Слайдер, прилагаю во вложении.
На идеальную инструкцию, не претендую, кто-то может лучше, напишите если не затруднит!
