Зайдите в файловый менеджер, создайте 2 папки
1) images
2) js
Убедитесь, что они написаны с маленькой буквы.
Далее загрузите в эти папки соответствующие файлы из архива(архив в конце новости)
Далее будем вставять html код.
Я буду объяснять на примере дизайна "Страницы сайта". Впринцапи разницы никакой нет, куда всталять данный код.
Между и встевьте этот код:
Code
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="/js/styles.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="/js/jquery.accessible-news-slider.css" type="text/css" media="screen, projection" />
<script language="javascript" type="text/javascript" src="/js/jquery-1.1.3.1.pack.js"></script>
<script language="javascript" type="text/javascript" src="/js/jquery.accessible-news-slider.js"></script>
<script language="javascript" type="text/javascript">
$(function() {
$(".computers_technology").accessNews({
newsHeadline: "Ваше название модуля",
newsSpeed: "slow"
});
/*
newsHeadline: "Top Stories" (String) | Each unique slider (id) or set of sliders (class) can receive a headline.
newsSpeed: "slow" (String/Integer) | "slow","normal","fast", or an integer, with 1 being the fastest animation.
*/
});
</script>
Далее в любое место(там где хотите чтобы отображались новости вставьте следующий код:
Code
<div class="news_slider computers_technology">
<div class="messaging">
Важно: Если Вы видете это сообщение, вероятно в Вашем браузере отключена поддержка JavaScript и/или CSS.
</div>
<a href="#skip_to_news_1" class="skip">Skip to news content.</a>
<a href="#" class="prev"><img src="images/prev.png" width="16" height="16" alt="Previous" title="Предыдущая" env="images" /></a>
<a href="#" class="next"><img src="images/next.png" width="16" height="16" alt="Next" title="Следущая" env="images" /></a>
<div class="news_items">
<a name="skip_to_news_1"></a>
<div class="container fl">
<div class="item fl">
<a href="ссылка на новость 1"><img src="картинка" width="75" height="60" alt="" class="fl" /></a>
<div class="fl">
<a href="ссылка на новость 1">Название</a>
Описание новости 1
</div>
</div>
<div class="item fl">
<a href="ссылка на новость 2"><img src="картинка" width="75" height="60" alt="" class="fl" /></a>
<div class="fl">
<a href="ссылка на новость 2">Название</a>
Описание новости 2
</div>
</div>
</div>
</div>
</div>
Вот впринцапи и всё. После всех этих манипуляций от вас требуется лишь добавлять во второй код вот эту строчку:
Code
<div class="item fl">
<a href="ссылка на новость x"><img src="картинка" width="75" height="60" alt="" class="fl" /></a>
<div class="fl">
<a href="ссылка на новость x">Название</a>
Описание новости x
</div>
</div>
