2
Вы не авторизованы!
Присоединяйтесь к нашему сообществу :)
авторизация
Вакансии
На сайт требуется контент-менеджер
смотреть вакансии

Слайдер изображений: простенький информер для вашего сайта Ucoz

Информеры 2011-Авг-03 drage2 6.3k 509 3


Простенький информер изображений для вашего сайта. Приятного использования.

Установка:


1. Создаем информер с такими параметрами как на картинке ниже.




2. Удалям все с информера и вставляем это:


Code
<li><a href="$ENTRY_URL$" title="$TITLE$"><img src="$IMG_URL1$" border="0" width="120" height="140"></a></li>


Запоминаем код информера( в моем случае $MYINF_16$)

3. По месту где будет стоять слайдер ставим это:


Code
<script type="text/javascript" src="/slayder/csteror.js"></script><table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tbody><tr><td style="padding:3px;"><div class="eTitle" style="text-align:center;">Слайдер изображений информер by edik2009</div>  
  <div class="eMessage" style="text-align:center;clear:both;padding-top:2px;padding-bottom:2px;"><div class="infiniteCarousel">  
  <div class="wrapper">  
  <ul>  
<script type="text/javascript" src="http://ucozmania.ru/informer/16-1"></script>  
  </ul> </div> <br>  
  </div></div></td></tr></tbody></table><br>  

  <STYLE type="text/css"><!-- .infiniteCarousel  
  {  
  position:relative ;  
  }  

  .infiniteCarousel .wrapper  
  {  
  width:315px;  
  overflow:auto;  
  min-height:10em;  
  margin:0 40px;  
  top:0 ;  
  }  

  .infiniteCarousel .wrapper ul  
  {  
  width:9999px;  
  list-style-image:none;  
  list-style-position:outside;  
  list-style-type:none;  
  margin:0;  
  padding:0;  
  top:0 ;  
  }  

  .infiniteCarousel ul li  
  {  
  display:block;  
  float:left;  
  padding:10px;  
  height:81px;  
  width:113px ;  
  }  

  .infiniteCarousel ul li a img  
  {  
  display:block ;  
  }  

  .infiniteCarousel .arrow  
  {  
  display:block;  
  height:36px;  
  width:37px;  
  background:url(/slayder/arrow.png) no-repeat 0 0;  
  text-indent:-999px;  
  cursor:pointer;  
  top:36px;  
  position:absolute ;  
  }  

  .infiniteCarousel .forward  
  {  
  background-position:0 0;  
  right:3px ;  
  }  

  .infiniteCarousel .back  
  {  
  background-position:0 -72px;  
  left:5px ;  
  }  

  .infiniteCarousel .forward:hover  
  {  
  background-position:0 -36px ;  
  }  

  .infiniteCarousel .back:hover  
  {  
  background-position:0 -108px ;  
  } --></STYLE>


В - заменяем на свой.

Оталось только скачать архив, создать папку "slayder" залить содержимое архива.
Источник: не указан
3 комментария
avatar
1
новость оформлена плохо(( читать лень
avatar
2
нормально всё
avatar
3
этот слайде не рабочий sad давно уже...
avatar