Навигатор

Шаблоны для Joomla
Шаблоны для uCoz
Категории раздела
Профиль для ucoz [9]
Новый профиль для ucoz, мини профиль для ucoz, скрипт для ucoz профиль, профиль для сайта ucoz
Ajax для ucoz [13]
Ucoz ajax, ajax окна для ucoz, скрипты ajax для ucoz, новые ajax окна для ucoz, новый вид ajax ucoz
Скрипты для ucoz [128]
скачать скрипты для ucoz, скрипты ucoz
Меню для ucoz [45]
меню для ucoz, горизонтальное меню для ucoz, раздвижное меню ucoz, вертикальное, выпадающие меню ucoz
Календари для ucoz [20]
скрипт календарь cs, скрипт для ucoz календарь, календарь для ucoz cs 1.6, календари ucoz
Часы для ucoz [31]
часы для ucoz, часы для ucoz cs 1.6
Статистика для ucoz [11]
статистика cs для ucoz
Форма входа для ucoz [15]
форма входа для ucoz
Переключатели для ucoz [9]
Переключатели страниц для ucoz
Шапки для ucoz [13]
шапки для ucoz cs 1.6
Интересное
Мини профиль + Форма входа
Рейтинг: 65700
Красивое горизонтальное меню для ucoz
Рейтинг: 53764
Мини-чат для ucoz
Рейтинг: 48120
Скрипт мониторинга cs серверов
Рейтинг: 43283
Слайдер новостей для uCoz
Рейтинг: 18600

Скрипт Кинолента для uCoz с автоматическим выводом новостей

Вот решил выложить на этом сайте скриптик, потому что, во-первых, на этом сайте я нашел реально рабочий и простой в установке jQuery-слайдер, а, во-вторых, сайт мне понравился. Итак-с, приступим!

Шаг 1:

Качаем архив kinolenta.rar, распаковываем его и заливаем в файловый менеджер вашего сайта.

В нём: папка с тремя картинками. Так и заливаем папкой images

Шаг 2:

Создаём информер, который и будет автоматически выводить за нас картинки, новости и т д. Заходим в раздел информеры в вашей панели управления: Инструменты --> Информеры. В данном случае я создам информер для новостей. Итак, создаём информер с такими параметрами:

- Способ сортировки: В случайном порядке.
(можно свой вариант)

- Количество материалов: 50 (число тоже можно своё)

- Количество колонок: 1 колонка (тут же количество должно быть именно 1)

После этого в шаблон информера вместо всего что там есть вставляем данный код:

Code
<a href="$ENTRY_URL$"><SPAN>Скачать $TITLE$ бесплатно</SPAN><IMG src="$OTHER1$" height="100" width="100"/></a>


где:

- $OTHER1$ - это ссылка на картинку(обложку или скриншот), это также может быть $OTHER2$, $OTHER3$, $OTHER4$, $OTHER5$, $SCREEN_URL$, $IMG_URL1$ и т д

- height="100" width="100" - это размеры вашей картинки

Сохраняем! информер создан. В нашем случае он будет числиться за кодом $MYINF_1$. У вас это может быть любая другая цифра, в зависимости какой по счёту ваш информер.

Шаг 3:

Теперь копируем и вставляем непосредственно сам код киноленты либо в верхнюю часть сайта либо в любое другое место сайта.

Ссылки /lenta/move_right.gif и /lenta/move_left.gif меняем на свои. $MYINF_1$ - это прямая ссылка к вашему информеру. Как я уже говорил, цифра моего информера и вашего может отличаться. Сохраняем.

Code
<!-- LENTA--><DIV id="lenta">  
<SCRIPT language="javascript">  
<!--  
  var carPos = 30;  
  var t;  
  var a;  
  var kuda;  
  function MoveMePlease(kuda) {  
  if (kuda == 1) {  
  document.getElementById('mr').style.width = '30px';  
  if (carPos >= -1150) {  
  t=setTimeout("MoveMePlease(1)", 40);  
  carPos=carPos-10;  
  writer(carPos);  
  } else { clearTimeout(t); }  
  }  
  else if (kuda == 0) {  
  document.getElementById('ml').style.width = '30px';  
  if (carPos <= 20) {  
  a=setTimeout("MoveMePlease(0)", 40);  
  carPos=carPos+10;  
  writer(carPos);  
  } else { clearTimeout(a); }  
  }  
  }  
  function cleaner() { clearTimeout(a); clearTimeout(t);  
  document.getElementById('mr').style.width = ''; document.getElementById('ml').style.width = '';  
  }  
  function writer(newPos) { document.getElementById('lenta_in').style.left = newPos+'px'; }  
  -->  
</SCRIPT>  
  <DIV id="lenta_in">  
$MYINF_1$  
  </DIV>  
<DIV onMouseOver="MoveMePlease(1)" onMouseOut="cleaner()" id="mr" class="right">  
<IMG src="/lenta/move_right.gif" alt="прокрутить вправо" /></DIV>  
<DIV onMouseOver="MoveMePlease(0)" onMouseOut="cleaner()" id="ml" class="left">  
<IMG src="/lenta/move_left.gif" alt="прокрутить влево" /></DIV>  
</DIV><!-- LENTA -->


Шаг 4:

Копируем это содержимое и вставляем в таблицу стилей CSS вашего сайта в самый низ. Это, так сказать, обложка нашей киноленты,

где:

/lenta/lenta_bg.gif' - прямая ссылка на фон вашей киноленты. Ссылку менять на свою ОБЯЗАТЕЛЬНО!

Не забываем сохранять!

Code
*ЛЕНТА*/  
#lenta {  
  background: URL('/lenta/lenta_bg.gif') repeat-x top left;  
  display: block;  
  width:100%;  
  height: 134px;  
  white-space: nowrap;  
  position:relative;  
  overflow: hidden;  
  border-top: solid 1px;  
  border-bottom: solid 1px;  
  }  
#lenta DIV { position:relative; white-space:nowrap; }  
#lenta .left, #lenta .right { position:absolute; background:#000; display:block; height:107px; top:15px; opacity:.4; filter:alpha(opacity=40); }  
#lenta .left IMG, #lenta .right IMG { border: none; margin: 40px 5px; }  
#lenta .left { left:0px; text-align:right; }  
#lenta .right { right:0px; }  
#lenta_in { display:block; position:relative; left:30px; top:15px; }  
#lenta IMG { border: solid 3px #87c0dd; }  
#lenta A { display: inline-block; margin: 0px 5px; position: relative; text-decoration: none; }  
#lenta A SPAN { position: absolute; overflow: hidden; white-space:normal; display:none; width:100%; border: solid 1px #FFF; bottom:0px; left:0px; background:#d4ffd0; font-size: 11px; opacity:.9; filter:alpha(opacity=90); }  
#lenta A:hover SPAN { display:block; }  
#lenta A SPAN STRONG { display:block; }


Ну вот и всё. Скрипт Кинолента успешно установлен на ваш сайт. Кстати, стили из Шага 4 в вашей таблице CSS могут не сразу заработать, так как иногда кеш стилей обновляется не сразу. В этом случай Вам нужно просто подождать пару минут или же почистить кеш вашего браузера.

По материалам:
http://playbox.ucoz.net/ Скачать Скрипт Кинолента для uCoz с автоматическим выводом новостей
Категория Скрипты для ucoz | Добавил: RedboyG | Просмотров: 3918 |

Комментарии отсутствуют

по актуальности
Чтобы оставить комментарий, необходимо или