В этой теме описывается реализация информера в виде слайдера. Для установки такого слайдера на ваш сайт в системе uCoz потребуется выполнить следующие действия: 1) Для начала заходим в Панель Управления сайтом и переходим по ссылке Информеры. Создаем новый информер для отображения материалов из нужного Вам модуля, указав при этом: - Тип данных – «Материалы»; - Способ сортировки – любой из представленных; - Количество материалов – нужное Вам; - Количество колонок – 1. Затем изменяем шаблон нашего информера, кликнув по ссылке Шаблон информера справа от названия:
<div class="panel" style="background:url('$IMG_URLn$') top left no-repeat;"> <div class="insert"> <span class="ititle"><a href="$ENTRY_URL$">25)?>...$TITLE$</a></span> 168)?>...$MESSAGE$
<span class="featuredmorelink"> <a href="$ENTRY_URL$" title="$TITLE$">Подробнее...</a> </span> </div> </div>
2) Скачиваем прикрепленный архив. В нем содержатся файл стилей slider.css и папка "slider” со скрипом и картинками. Заливаем папку и стили в корень сайта. 3) Теперь дело осталось за малым – вставить слайдер на страницы сайта. Для этого необходимо в шаблонах дописать перед строку:
<link rel="stylesheet" href="/slider.css" type="text/css" /> <script src="/slider/slider.js" type="text/javascript"></script>
В место, где будет выводиться информер, записываем следующее:
<div id="sliderbox"> <div id="slider"> <div class="scroll"> <div class="scrollcont"> $MYINF_m$ </div> </div> </div> </div> Для большего удобства указанный выше код можно записать в глобальный блок. Примечания: 1) В $IMG_URLn$ и $MYINF_m$ необходимо изменить значения n и m соответственно на номер картинки, отвечающей за вывод изображения в информере, и номер информера, отвечающего за вывод материалов в слайдере. 2) В данном слайдере используются изображения размером 553x238 (px), что следует учитывать при добавлении материалов. Если у вас возникли вопросы или трудности с установкой данного скрипта, не стесняйтесь, пишите и мы постараемся найти решение. |