• Смотреть онлайн Паркер .
  • Крепкий орешек 5: Хороший день, чтобы умереть.
  • Доспехи Бога 3: Миссия Зодиак.

Слайдер от uThemes





Для установки такого слайдера на ваш сайт в системе Юкоз потребуется выполнить следующие действия:

1) Для начала заходим в Панель Управления сайтом и переходим по ссылке Информеры. Создаем новый информер для отображения материалов из нужного Вам модуля, указав при этом:
- Тип данных – «Материалы»;
- Способ сортировки – любой из представленных;
- Количество материалов – нужное Вам;
- Количество колонок – 1.

Затем изменяем шаблон нашего информера, кликнув по ссылке Шаблон информера справа от названия:

Code
<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$
  <br /><br /><span class="featuredmorelink">
  <a href="$ENTRY_URL$" title="$TITLE$">Подробнее...</a>
  </span>
  </div>
</div>

2) Скачиваем прикрепленный к данному сообщению архив. В нем содержатся файл стилей slider.css и папка "slider” со скрипом и картинками. Заливаем папку и стили в корень сайта.

3) Теперь дело осталось за малым – вставить слайдер на страницы сайта. Для этого необходимо в шаблонах дописать перед </head> строку:

Code
<link rel="stylesheet" href="slider.css" type="text/css" />

а перед </body>:

Code
<script src="slider/slider.js" type="text/javascript"></script>

В место, где будет выводиться информер, записываем следующее:

Code
<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), что следует учитывать при добавлении материалов.

Скрипт разработан командой web-дизайнеров - uthemes

Если у Вас возникли какие-либо вопросы, или Вы просто хотите поделиться впечатлениями, или же заказать любой другой скрипт ждем Вас на форуме в разделе "JavaScript"

Скачать Слайдер от uThemes




Комментарии   

Оставьте комментарий

Имя / Логин
Email
 

Так

Друзья

Форма входа

Мини чат

Рекламный блок

Здесь может быть реклама ВАШЕГО товара (ресурса)

Подробнее...

Рекламный блок

Здесь может быть реклама ВАШЕГО товара (ресурса)

Подробнее...

Рекламный блок

Здесь может быть реклама ВАШЕГО товара (ресурса)

Подробнее...