[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Вывод Новостей
rom-kaДата: Понедельник, 02.03.2009, 18:51 | Сообщение # 1
Admin
Группа: Администраторы
Сообщений: 204
[ ]

Хотите вывод таких навостей? Ну вот недавно нашол:
Зайдите в файловый менеджер, создайте 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>



Заработай на своих Файлах!
Заработай на своем сайте!
Получить бесплатно Любой номер icq
  • Страница 1 из 1
  • 1
Поиск: