Поиск:
  • Страница 1 из 1
  • 1
Модератор форума: Senator  
Кинолента информер (new)
Дата: Суббота, 29.01.2011, 13:42 | Сообщение # 1
Offline
  • Пользователь
  • Ранг: Лейтенант
  • 61 Сообщения
Скрин [Table]http://s2.megafotka.net/43f4984/5c965fd07.jpg[/Table]
До этого выкладывалась лента где картинки и названия надо было менять в ручную это доработанный скрипт в виде информера. Установка:
1)создайте папку lenta в файловом менеджере в неё загружаем эти картинки 1, 2, 3

2)создаём новый информер с параметрами новости сайта>количество просмотров D>Материалы:20>Колонки:1 в шаблоне ставим:

Code
<a href="$ENTRY_URL$"><SPAN><STRONG>$TITLE$</STRONG>Смотреть онлайн $TITLE$ бесплатно</SPAN><IMG src="$IMG_URL1$" height="100" width="100"/></a>

3)идём в ccs в конец ставим код:

Code
/*ЛЕНТА*/        
#lenta {        
        background: URL('/lenta/lenta_bg.gif') repeat-x top left; /* [color=red]адрес вашего сайта[/color]/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; }

4)идём в верхнюю часть сайта в конец ставим:

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_[color=red]номер вашего информера[/color]$        
        </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 -->

Спасибо за внемание!

Сообщение отредактировал: BaHek - Суббота, 29.01.2011, 13:44
[Table]Помог?Ставь +[/Table]
Дата: Суббота, 29.01.2011, 14:36 | Сообщение # 2
Offline
  • Премиум
  • Ранг: Генералиссимус
  • 2185 Сообщения
  • Страница 1 из 1
  • 1
Поиск:
Администрация проекта не несет ответственности за публикуемые материалы.
Дизайн полностью принадлежит "Up-Rise.Ru".
Дизайн сайта разработал life_man.
© 2024 Сайт управляется системой uCoz.