Меню сайта
Файловое меню
    Категории раздела
    Шаблоны для ucoz [60]
    Скрипты [20]
    Шапки [14]
    Мини чат
    200
    Софт для веб масте
    Опрос
    Чего не хватает сайту??


    Всего ответов: 37
    Главная » Файлы » ВСЁ ДЛЯ UCOZ » Скрипты

    Красивый вывод новостей
    [ ] 29.08.2009, 0:13:47
    [ · Скачать удаленно () ]

    Зайдите в файловый менеджер, создайте 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>
    Категория: Скрипты | Добавил: MoRoZZZZ
    Просмотров: 644 | Загрузок: 0 | Рейтинг: 0.0/0 |
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Профиль


    Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!

    Логин:
    Пароль:


    Поиск
    Новое на форуме
    Полезный софт
    Наша кнопка


    [ Получить код баннера]
    Друзья
    WWW.CROCUZ.RU- всё для раскрутки и заработка Сайт с шаблонами разработаными в Photoshop для uCozСофт,Мультимедиа,Все для Ucoz,Все для Photoshop,раздача 6 знаков и WMR.
    Статистика
    Информеры тиц pr
    Каталог сайтов: Программы Rambler's Top100 Яндекс цитирования
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    MySite | All right reserved © 2024