Кинолента информер (new) - Форум
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Кинолента информер (new)
Hitman Дата: Понедельник, 22.08.2011, 19:53 | Сообщение # 1
Сообщений: 258
Замечания:
Уважение
[ 26 ]
Offline

До этого выкладывалась лента где картинки и названия надо было менять в ручную это доработанный скрипт в виде информера. Установка:

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 -->

  • Страница 1 из 1
  • 1
Поиск:

Рекламный блок

Тут может быть ваша реклама!

Подробнее...

Рекламный блок

Тут может быть ваша реклама!

Подробнее...

Рекламный блок

Тут может быть ваша реклама!

Подробнее...