• Автор:

    Flesha
  • Добавлено:

    июн 25, 2011
  • Комментариев:

    1
  • Просмотров:

    3735

Кинолента с прокруткой

Кинолента с прокруткой

Установка:
1) создаём папку lenta в файловом менеджере и в неё загружаем картинки
из папки images

2) Файл 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="/"><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 -->


Внимание! У Вас нет прав для просмотра скрытого текста.
Вернуться

Комментарии:


  1. basador → 10 октября 2011 15:31
    Спасибо за ленту новостей. Но как установить вывод большего количества новостей. У меня больше 18 новостей на ленте не появляется.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.