Кинолента с прокруткой для dle 9.2 Скачать Datalife Engine (DLE) 9.6

Кинолента с прокруткой для dle 9.2

Автор: admin ‡ Дата: 9th Август 2011 ‡ Рубрика: Без рубрики ‡

Хак был взят с Ucoz и переделан под dleДо этого выкладывалась лента где картинки и названия надо было менять в ручную это доработанный хак.

Установка: 1) создаём папку lenta в файловом менеджере и в неё загружаем картинки из папки images2) Файл lenta.css кидаем в папку style ИЛИ css 3) Вставляем это в css:Я вставлял в файл styles.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="/">любовь морковь 2скачать любовь морковь 2 бесплатно<IMG src="{THEME}/images/lenta/morkov2.jpg" /></a> <a href="/">обитаемый островОбитаемый остров: Фильм первый (2008) скачать<IMG src="{THEME}/images/lenta/ostrov.jpg" /></a> <a href="/">СтилягиСкачать стиляги<IMG src="{THEME}/images/lenta/stilyagi.jpg" /></a> <a href="/">ГлухарьСериал Глухарь скачать<IMG src="{THEME}/images/lenta/gluchar.jpg" /></a> <a href="/">Псевдоним албанец 2Скачать сериал бесплатно<IMG src="{THEME}/images/lenta/albanec2.jpg" /></a> <a href="/">Побег из тюрьмы 4 сезонСкачать сериал бесплатно<IMG src="{THEME}/images/lenta/pobeg4.jpg" /></a> <a href="/">Ранетки 2скачать сериал<IMG src="{THEME}/images/lenta/ranetki2sezon.jpg" /></a> <a href="/">День когда земля остановиласьскачать фильм<IMG src="{THEME}/images/lenta/daytheearthstoodstill_2.jpg" /></a> <a href="/">Перевозчик 3скачать фильм<IMG src="{THEME}/images/lenta/perevozchik.jpg" /></a> <a href="/">Квант милосердияСкачать фильм<IMG src="{THEME}/images/lenta/kvant.miloserdiya.jpg" /></a> <a href="/">Доктор хауз5 сезон скачать<IMG src="{THEME}/images/lenta/doktorhaus.jpg" /></a> <a href="/">Декстерскачать 3 сезон<IMG src="{THEME}/images/lenta/dexter.jpg" /></a> <a href="/">Солдаты 15Новый призыв<IMG src="{THEME}/images/lenta/soldaty.jpg" /></a> <a href="/">МерлинСкачать сериал Мерлин (1 сезон)<IMG src="{THEME}/images/lenta/merlin.jpg" /></a> <a href="/">остаться в живыхостаться в живых сезон 4<IMG src="{THEME}/images/lenta/lost.jpg" /></a> <a href="/">широка рекаСкачать сериал широка река<IMG src="{THEME}/images/lenta/reka.jpg" /></a> <a href="/">всегда говори даСкачать фильм<IMG src="{THEME}/images/lenta/vsegda.govori.da.jpg" /></a> <a href="/">Вольтмультфильм вольт скачать<IMG src="{THEME}/images/lenta/volt.jpg" /></a> <a href="/">Ледниковый период 3Эра динозавров<IMG src="{THEME}/images/lenta/aceage3.jpg" /></a> <a href="/">самый лучший фильм 2<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 —>

Хак проверял на dle 9.2 думаю что на остальных тоже будет работать…lenta.rar [177.91 Kb] (скачиваний файла: 153)

горизонтальный слайдер на dle · <style> #lenta { background: URL · хак ленты новостей с прокруткой для DLE ·

Смотрите также:

Комментирование закрыто.

Рубрики

Архивы