Категории раздела |
Профиль для 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
|
|
|
-
Главная
-
Скрипты для ucoz
-
Скрипты для ucoz
-
Скрипт Кинолента для uCoz с автоматическим выводом новостей
Скрипт Кинолента для 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
|
|
|
Комментарии отсутствуют