Меню сайта
Мини-чат
200
Наш опрос
Оцените мой сайт
Всего ответов: 14
Статистика
Форма входа
Логин:
Пароль:
Среда, 18.10.2017, 10:32
Приветствую Вас Гость

Красивый вывод новостей - Форум

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » для Web-мастера » скрипты для uCoz » Красивый вывод новостей
Красивый вывод новостей
KaspeRДата: Воскресенье, 05.04.2009, 04:52 | Сообщение # 1
Майор
Группа: Администраторы
Сообщений: 94
Репутация: 1
Статус: Offline

Зайдите в файловый менеджер, создайте 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>

>>> JS файл Скачать <<<

Прикрепления: 4585929.jpg(10Kb)


 
Форум » для Web-мастера » скрипты для uCoz » Красивый вывод новостей
Страница 1 из 11
Поиск:

Поиск
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz