Добро пожаловать на портал fead-web.ucoz.ru

Вы найдёте Html-шаблоны|photoshop|Всё для ucoz сайтов

(иконки ,ucoz шаблоны,ucoz скрипты,скрипты для ucoz,шаблон для ucoz,все для ucoz,скрипты ucoz,скрипты на ucoz,юкоз,ucoz,скрипты,уроки ucoz,юкоз,photoshop,фотошоп)
Вторник, 21.05.2024, 10:07
Добро пожаловать Гость | RSS

Категории раздела
Ucoz
Photoshop
Html
Работа
SEO sprint - максимальная раскрутка сайтов!

WMmail.ru - сервис почтовых рассылок

Каталог файлов


Слайдер материалов сайта на jqery
Внимание:
Материал скопирование с сайта ucozon.ru ,ссылка на наш сайт строго обязательна!
При нарушение этого, последует наказание.
Для установки такого слайдера на ваш сайт в системе Юкоз потребуется выполнить следующие действия:

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$  
   

<span class="featuredmorelink">  
  <a href="$ENTRY_URL$" title="$TITLE$">Подробнее...</a>  
  </span>  
  </div>  
</div>

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

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

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

И

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

P.S делал такое на сайте, есть небольшие пробелы. в 3 шаге, эти строки лучше вставить в глобальный блок и потом все эти коды скопировать и вставить в нужное место. так же, папку, которую вы будете грузить, назовите SLIDER, а не как в архиве.

Помощь сайту
Наш опрос
Откуда вы к нам зашли?
Всего ответов: 177
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Сайт создан в © 2024

Все права защинены,нарушение их караеться по закону.

Бесплатный конструктор сайтов - uCoz


html counterсчетчик посетителей сайта