[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Красивый вывод новостей
ErrorДата: Четверг, 30.09.2010, 20:30 | Сообщение # 1



Нет данных

Нет данных

Сообщений: 938

[ 86 ]



[Table]Зайдите в файловый менеджер, создайте 2 папки
1) images
2) js
http://mega-script.3dn.ru/shabloni/js_and_images.rar
Убедитесь, что они написаны с маленькой буквы.
Далее загрузите в эти папки соответствующие файлы из архива(архив в конце новости)
Далее будем вставлять html код.
Я буду объяснять на примере дизайна "Страницы сайта". В принципе разницы никакой нет, куда вставлять данный код.
Между и вставьте этот код:[/Table]

Code
[img]http://mnogo-softa.net.ru/sm/11.gif[/img]     
<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>

[Table]Далее в любое место(там где хотите чтобы отображались новости вставьте следующий код:[/Table]

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>

[Table]Вот в принципе и всё. После всех этих манипуляций от вас требуется лишь добавлять во второй код вот эту строчку:[/Table]

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>


  • Страница 1 из 1
  • 1
Поиск: