|
Скачать для фотошопа и сайта Скачать бесплатно Скрипты для Ucoz Новости сайта Красивый вывод новостей |
Красивый вывод новостей |
Offline
![]() Зайдите в файловый менеджер, создайте 2 папки
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> Далее в любое место(там где хотите чтобы отображались новости вставьте следующий код:
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> |
| |||
| |||