Навигация
Все для движков сайта:Все для Seo:
  Графика/дизайн для сайта Графика/дизайн для сайта Купить vip Купить Vip

Чат:
Нет сообщений


Последние комментарии:
  • vova713 12.02.2017
    TopAttach v 1.9 модуль (1)
    vova713-фото
    А для чего этот модуль я так и не понял вообще, если кто знает обьясните старому дураку?
  • vova713 07.02.2017
    [Vip] Модуль vip (1)
    vova713-фото
    Скрипт работает на версии dle 11.1 без проблем, только что установил себе на сайте.
  • Trust 30.01.2017
    [Vip] Каталог (2)
    Trust-фото
    Думаю да на Dle 11 будет работать.
  • Irina777 29.01.2017
    [Vip] Каталог (2)
    Irina777-фото
    Работает на 11 версии?
  • vova713 28.01.2017
    [Vip] Готовые шаблоны (2)
    vova713-фото
    Мне непонятно как открывать эти шаблоны. В комплекте идёт программа Веб буилдер, устанавливаете её или качаете где нибудь новую версию по моему сейчас 11 версия в архиве 9 версия находится. потом при помощи этой программы открываете
  • vova713 28.01.2017
    Отличный лендинг (1)
    vova713-фото
    Красивый шаблон, можно даже переделать и получится под другую тематику, но под ремонт компьютеров и ноутбуков самое то.
  • idji 28.01.2017
    ReLink - программа для (1)
    idji-фото
    А в чем смысл таких софтов? Стандартные сервисы от того же гугл не подходят?

Онлайн:
Юзеры (1)
Гости (17)
Боты (3)
crawl Bot
Всего на сайте (21)

Просмотров: 5 787, Комментариев: 0
Кинолента(слайдер кино)  с прокруткой для Dle(проверенно на Dle 9.5)


Данный хак создает красивую киноленту(слайдер) , которую можно , так же адаптировать под новостную ленту.Картинки и описание надо менять вручную.
Установка:
1)Ссоздаём папку lenta в папке images и в неё загружаем картинки из папки images.
2) Файл lenta.css кидаем в папку style или css.
3) Вставляем это в css( styles.css или engine.css):
/*ЛЕНТА*/
#lenta {
   background: URL('/templates/(ВАШ ШАБЛОН)/images/lenta/lenta_bg.gif')
 repeat-x top right;   /* Путь к фоновому изображению lenta_bg.gif*/
   display: block;
   width:1190px;
   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 1px; position: relative; text-decoration: none; }  
#lenta A SPAN {left:2px; bottom:2px; font-weight:normal; font-family:tahoma; 
font-size:10px; color:#000000; position: absolute; overflow: hidden; white-space:normal;
 display:none; padding:3px; width:97px; bottom:0px; left:0px; background:#FFFFFF;
 font-size: 11px; opacity:.8; filter:alpha(opacity=80); }  
#lenta A:hover SPAN {left:2px; bottom:2px; font-weight:normal; font-family:tahoma;
 font-size:10px; color:#000000; display:block; }  
#lenta A SPAN STRONG {left:2px; bottom:2px; font-weight:normal; font-family:tahoma; 
font-size:10px; color:#000000; display:block; }


4) Вставляем в шаблон main.tpl, где собственно и будет выводится лента этот код:
<!-- LENTA--><div id="lenta">  
<SCRIPT language="javascript" type="text/javascript">  
<!--  
var carPos = 30;  
var t;  
var a;  
var kuda;  
function MoveMePlease(kuda) {  
if (kuda == 1) {  
document.getElementById('mr').style.width = '30px';  
if (carPos >= -984) {  
t=setTimeout("MoveMePlease(1)", 40);  
carPos=carPos-15;  
writer(carPos);  
} else { clearTimeout(t); }  
}  
else if (kuda == 0) {  
document.getElementById('ml').style.width = '30px';  
if (carPos <= -10) {  
a=setTimeout("MoveMePlease(0)", 40);  
carPos=carPos+15;  
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">  
<a href="/"><SPAN><STRONG>любовь морковь 2</STRONG>скачать любовь морковь
 2 бесплатно</SPAN><IMG src="{THEME}/images/lenta/morkov2.jpg" /></a>
<a href="/"><SPAN><STRONG>обитаемый остров</STRONG>Обитаемый остров: Фильм 
первый (2008) скачать</SPAN><IMG src="{THEME}/images/lenta/ostrov.jpg" /></a>
<a href="/"><SPAN><STRONG>Стиляги</STRONG>Скачать 
стиляги</SPAN><IMG src="{THEME}/images/lenta/stilyagi.jpg" /></a>
<a href="/"><SPAN><STRONG>Глухарь</STRONG>Сериал Глухарь 
скачать</SPAN><IMG src="{THEME}/images/lenta/gluchar.jpg" /></a>
<a href="/"><SPAN><STRONG>Псевдоним албанец 2</STRONG>Скачать 
сериал бесплатно</SPAN><IMG src="{THEME}/images/lenta/albanec2.jpg" /></a>
<a href="/"><SPAN><STRONG>Побег из тюрьмы 4 сезон</STRONG>Скачать 
сериал бесплатно</SPAN><IMG src="{THEME}/images/lenta/pobeg4.jpg" /></a>
<a href="/"><SPAN><STRONG>Ранетки 2</STRONG>скачать 
сериал</SPAN><IMG src="{THEME}/images/lenta/ranetki2sezon.jpg" /></a>
<a href="/"><SPAN><STRONG>День когда земля остановилась</STRONG>скачать
 фильм</SPAN><IMG src="{THEME}/images/lenta/daytheearthstoodstill_2.jpg" /></a>
<a href="/"><SPAN><STRONG>Перевозчик 3</STRONG>скачать 
фильм</SPAN><IMG src="{THEME}/images/lenta/perevozchik.jpg" /></a>
<a href="/"><SPAN><STRONG>Квант милосердия</STRONG>Скачать 
фильм</SPAN><IMG src="{THEME}/images/lenta/kvant.miloserdiya.jpg" /></a>
<a href="/"><SPAN><STRONG>Доктор хауз</STRONG>5 сезон
 скачать</SPAN><IMG src="{THEME}/images/lenta/doktorhaus.jpg" /></a>
<a href="/"><SPAN><STRONG>Декстер</STRONG>скачать 3 
сезон</SPAN><IMG src="{THEME}/images/lenta/dexter.jpg" /></a>
<a href="/"><SPAN><STRONG>Солдаты 15</STRONG>Новый 
призыв</SPAN><IMG src="{THEME}/images/lenta/soldaty.jpg" /></a>
<a href="/"><SPAN><STRONG>Мерлин</STRONG>Скачать сериал 
Мерлин (1 сезон)</SPAN><IMG src="{THEME}/images/lenta/merlin.jpg" /></a>
<a href="/"><SPAN><STRONG>остаться в живых</STRONG>остаться 
в живых сезон 4</SPAN><IMG src="{THEME}/images/lenta/lost.jpg" /></a>
<a href="/"><SPAN><STRONG>широка река</STRONG>Скачать сериал 
широка река</SPAN><IMG src="{THEME}/images/lenta/reka.jpg" /></a>
<a href="/"><SPAN><STRONG>всегда говори да</STRONG>Скачать 
фильм</SPAN><IMG src="{THEME}/images/lenta/vsegda.govori.da.jpg" /></a>
<a href="/"><SPAN><STRONG>Вольт</STRONG>мультфильм вольт 
скачать</SPAN><IMG src="{THEME}/images/lenta/volt.jpg" /></a>
<a href="/"><SPAN><STRONG>Ледниковый период 3</STRONG>Эра 
динозавров</SPAN><IMG src="{THEME}/images/lenta/aceage3.jpg" /></a>
<a href="/"><SPAN><STRONG>самый лучший
 фильм 2</STRONG></SPAN><IMG src="{THEME}/images/lenta/samyi.luchshyi.film2.jpg" /></a>
</div>  
<DIV onmouseover="MoveMePlease(1)" onmouseout="cleaner()" id="mr" class="right">
<IMG src="{THEME}/images/lenta/move_right.gif" alt="прокрутить вправо" /></DIV>
<DIV onmouseover="MoveMePlease(0)" onmouseout="cleaner()" id="ml" class="left">
<IMG src="{THEME}/images/lenta/move_left.gif" alt="прокрутить влево" /></DIV>
</DIV><!-- LENTA -->


lenta.rar [180,07 Kb] (cкачиваний: 577)



Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Яндекс и Google апдейты:
    Апдейты Яndex тИЦ
    16.02.2017Последний
    03.02.2017
    03.12.2016
    Апдейты Яndex выдачи
    18.02.2017Последний
    17.02.2017
    15.02.2017
    Апдейты ЯКаталога
    19.02.2017Последний
    17.02.2017
    15.02.2017
    Апдейты Google
    06.12.2013Последний

Популярные новости

Витрина ссылок: