Наш клан
 

  • Страница 1 из 1
  • 1
Кинолента с прокруткой
Liza 
img 28.06.2010, Понедельник в 23:48  Сообщение #1



В свой CSS вставляем это:
Code
/*ЛЕНТА*/  
#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; }

в шаблон вставить это:
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">  
<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 из архива поместить в корень.
Скачать архив
Пользователь в офлайне     Карточка пользователя     Отправить личное сообщение
 
Сикарашка 
img 02.08.2010, Понедельник в 19:07  Сообщение #2


@8.png
Кинолента информер (new)

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

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

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

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

$IMG_URL1$- меняем на свое поле
3)идём в CSS в конец ставим код:
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 -->
Пользователь в офлайне     Карточка пользователя     Отправить личное сообщение
 
Stelz 
img 02.05.2011, Понедельник в 00:27  Сообщение #3


@1.png
Как зделать штоби шаблон не роздвигался по длине ленты?
Пользователь в офлайне     Карточка пользователя     Отправить личное сообщение
 
Сикарашка 
img 19.07.2011, Вторник в 02:18  Сообщение #4


@8.png
Quote (Stelz)
Как зделать штоби шаблон не роздвигался по длине ленты?

Quote
/*ЛЕНТА*/
#lenta {
background: URL('/lenta/lenta_bg.gif') 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; }

Регулируй этими значениями!!!
Пользователь в офлайне     Карточка пользователя     Отправить личное сообщение
 
s0nik 
img 13.03.2013, Среда в 19:46  Сообщение #5


@1.png
как отрегулировать местоположение ленты пробывал те значения менять но она меняеться токо в лево мне надо отрегулировать по шаблону тоесть в право я ее не могу передвинуть
Пользователь в офлайне     Карточка пользователя     Отправить личное сообщение
 
  • Страница 1 из 1
  • 1
Поиск:

Все материалы размещенные на сайте пренадлежат их владельцам и предоставляются исключительно в ознакомительных целях.
Администрация ответственности за содержание материала не несет и убытки не возмещает.
По истечении 24 часов материал должен быть удален с вашего компьютера.
Незаконная реализация карается законами РФ и Украины: "Об авторском и смежном праве".
При копировании материала, ссылка на сайт обязательна!