• Страница 1 из 1
  • 1
Кинолента [с прокруткой]
max-maisterДата: Понедельник, 19.07.2010, 01:57 | Сообщение # 1
ПрЁт ЗдесЬ)))
Логин: max-maister
Имя: Арман Малышев
Сообщений: 29
Награды: 0
Репутация: 7
Замечания:

Давно лежала эта штука...может кому понадобиться... выкладываю макет, заполняйте так, как вам нужно.

В свой css вставляем это:

Quote
/*ЛЕНТА*/
#lenta {
background: URL('указать путь') repeat-x top left; /* Путь к фоновому изображению lenta_bg.gif*/
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; }

в шаблон вставить это:

Quote
<!-- 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">
<a href="/"><SPAN><STRONG>любовь морковь 2</STRONG>скачать любовь морковь 2 бесплатно</SPAN><IMG src="/images/morkov2.jpg" /></a>
<a href="/"><SPAN><STRONG>обитаемый остров</STRONG>Обитаемый остров: Фильм первый (2008) скачать</SPAN><IMG src="/images/ostrov.jpg" /></a>
<a href="/"><SPAN><STRONG>Стиляги</STRONG>Скачать стиляги</SPAN><IMG src="/images/stilyagi.jpg" /></a>
<a href="/"><SPAN><STRONG>Глухарь</STRONG>Сериал Глухарь скачать</SPAN><IMG src="/images/gluchar.jpg" /></a>
<a href="/"><SPAN><STRONG>Псевдоним албанец 2</STRONG>Скачать сериал бесплатно</SPAN><IMG src="/images/albanec2.jpg" /></a>
<a href="/"><SPAN><STRONG>Побег из тюрьмы 4 сезон</STRONG>Скачать сериал бесплатно</SPAN><IMG src="/images/pobeg4.jpg" /></a>
<a href="/"><SPAN><STRONG>Ранетки 2</STRONG>скачать сериал</SPAN><IMG src="/images/ranetki2sezon.jpg" /></a>
<a href="/"><SPAN><STRONG>День когда земля остановилась</STRONG>скачать фильм</SPAN><IMG src="/images/daytheearthstoodstill_2.jpg" /></a>
<a href="/"><SPAN><STRONG>Перевозчик 3</STRONG>скачать фильм</SPAN><IMG src="/images/perevozchik.jpg" /></a>
<a href="/"><SPAN><STRONG>Квант милосердия</STRONG>Скачать фильм</SPAN><IMG src="/images/kvant.miloserdiya.jpg" /></a>
<a href="/"><SPAN><STRONG>Доктор хауз</STRONG>5 сезон скачать</SPAN><IMG src="/images/doktorhaus.jpg" /></a>
<a href="/"><SPAN><STRONG>Декстер</STRONG>скачать 3 сезон</SPAN><IMG src="/images/dexter.jpg" /></a>
<a href="/"><SPAN><STRONG>Солдаты 15</STRONG>Новый призыв</SPAN><IMG src="/images/soldaty.jpg" /></a>
<a href="/"><SPAN><STRONG>Мерлин</STRONG>Скачать сериал Мерлин (1 сезон)</SPAN><IMG src="/images/merlin.jpg" /></a>
<a href="/"><SPAN><STRONG>остаться в живых</STRONG>остаться в живых сезон 4</SPAN><IMG src="/images/lost.jpg" /></a>
<a href="/"><SPAN><STRONG>широка река</STRONG>Скачать сериал широка река</SPAN><IMG src="/images/reka.jpg" /></a>
<a href="/"><SPAN><STRONG>всегда говори да</STRONG>Скачать фильм</SPAN><IMG src="/images/vsegda.govori.da.jpg" /></a>
<a href="/"><SPAN><STRONG>Вольт</STRONG>мультфильм вольт скачать</SPAN><IMG src="/images/volt.jpg" /></a>
<a href="/"><SPAN><STRONG>Ледниковый период 3</STRONG>Эра динозавров</SPAN><IMG src="/images/aceage3.jpg" /></a>
<a href="/"><SPAN><STRONG>самый лучший фильм 2</STRONG></SPAN><IMG src="/images/samyi.luchshyi.film2.jpg" /></a>
</DIV>
<DIV onMouseOver="MoveMePlease(1)" onMouseOut="cleaner()" id="mr" class="right">
<IMG src="/images/move_right.gif" alt="прокрутить вправо" /></DIV>
<DIV onMouseOver="MoveMePlease(0)" onMouseOut="cleaner()" id="ml" class="left">
<IMG src="/images/move_left.gif" alt="прокрутить влево" /></DIV>
</DIV><!-- LENTA -->

Папку images из архива поместить в корень.
скачать

max-maisterДата: Понедельник, 19.07.2010, 02:00 | Сообщение # 2
ПрЁт ЗдесЬ)))
Логин: max-maister
Имя: Арман Малышев
Сообщений: 29
Награды: 0
Репутация: 7
Замечания:
ОТРЕДАКТИРУЙТЕ )) ато картинка слишком большая))
  • Страница 1 из 1
  • 1
Поиск:

Статистика Форума
Лучшие пользователи
Уважаемые пользователи
Популярные темы
Недавно обновленные темы
LaiNeR Постов [ 3127 ]
Staistesap Постов [ 1545 ]
z1M Постов [ 1488 ]
Mooxyrep Постов [ 1145 ]
Pooniacact Постов [ 986 ]
KoreshoK Постов [ 644 ]
LonS Постов [ 585 ]
BIG_BOSS Постов [ 572 ]
DoZa Постов [ 564 ]
shooter Постов [ 468 ]
LonS Репутация [ 546 ]
LaiNeR Репутация [ 519 ]
Smofee Репутация [ 477 ]
СнAйПер Репутация [ 436 ]
MedeX Репутация [ 412 ]
TiPSy Репутация [ 300 ]
bleff Репутация [ 279 ]
-=SToRM=- Репутация [ 235 ]
A6c3Ht^ Репутация [ 225 ]
NoRD Репутация [ 210 ]
Общение [ 1309 ]
Считаем до 1 000 [ 664 ]
Поговорим обо всем :) (девушки, машины, личная жизнь и тд) [ 369 ]
Афоризмы (Не комментируйте) [ 301 ]
Играем в СЛОВА [ 187 ]
Конкурс "Угадай возраст". [ 183 ]
Конкурс "Угадай автомобиль" [ 110 ]
Предложения по сайту [ 97 ]
Набивка постов [ 80 ]
Обломай товарища [ 75 ]
source-boost.ru | Мониторинг сервера CSS v34 [ 0 ]
source-boost.ru | Мониторинг сервера CSS v34 [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Swatik [ 1 ]

Хостинг от uCoz | sitemap.xml | sitemap-forum.xml | sitemap-shop.xml | urllist.txt | |
PR-CY.ru