Главная » Скрипты для ucoz » Слайдера для ucoz

Слайдер для ucoz


Слайдер для ucoz

Установка

Там где хотим видеть слайдер вставляем данный код(обычно в верхнею часть сайта):

Code
  
<!-- Rip cлайдер ucoz-info V 2.0 by AID -->
</script><link type="text/css" rel="StyleSheet" href="http://joomla.ucoz.com/1/my.css">  
<script type="text/javascript" src="http://joomla.ucoz.com/1/jquery-1.3.2.js"></script><style type="text/css">.UhideBlockL {display:none}</style>  
<script type="text/javascript" src="http://joomla.ucoz.com/1/script_site.js"></script> </head>  

  <div class="hslider_full">  
  <div class="hslider">  
  <b class="hslider_prev"></b>  
  <b class="hslider_next"></b>  
  <div class="hslider_in" style="visibility: visible; overflow-x: hidden; overflow-y: hidden; position: relative; z-index: 2; left: 0px; width: 864px; ">  
  <ul style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; list-style-type: none; z-index: 1; width: 4608px; left: -1296px; ">  

<li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt="Joomla.uCoz.Com">  

</a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt="Joomla.uCoz.Com">  

</a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt="Joomla.uCoz.Com">  

</a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt="Joomla.uCoz.Com">  

</a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt="Joomla.uCoz.Com">  

</a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt="Joomla.uCoz.Com">  

</a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt=" Joomla.uCoz.Com">  

</a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt="Joomla.uCoz.Com">  

</a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt="Joomla.uCoz.Com"> </a> </li></ul>  
  </div> </div>  
<!-- Rip cлайдер ucoz-info V 2.0 by AID -->
  


Готово. 

Если хотите подключить к нему информер то создаем его с такими параметрами:



[ каталог файлов · Материалы · дат. добавления.D · Материалы: 6 · Колонки: 1 ]

Это в шаблон информера:
Code
<li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="$ENTRY_URL$"> <img src="$IMG_SMALL_URL1$" width="120" height="156" alt="$TITLE$"> </a> </li>


Код вызова информера вставляем заметь этой части первого скрипта:
Code

<li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt="Joomla.uCoz.Com">  

</a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt="Joomla.uCoz.Com">  

</a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt="Joomla.uCoz.Com">  

</a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt="Joomla.uCoz.Com">  

</a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt="Joomla.uCoz.Com">  

</a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt="Joomla.uCoz.Com">  

</a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt=" Joomla.uCoz.Com">  

</a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt="Joomla.uCoz.Com">  

</a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt="Joomla.uCoz.Com"> </a> </li>


Автор: AID
Источник: http://joomla.ucoz.com


  Категория: Слайдера для ucoz | Добавил: AID | Дата: 06.01.2012
Посмотреть демо Слайдер для ucoz
Слайдер для ucoz(посмотрели: 5543)

Другие новости

Поделиться ссылкой

Ссылка:
BB-code:
HTML:
аватар отсутствует
11 | Evgen_us пишет: | 29.11.2012 | 11:54 Страница с комментарием |
Как ширину изменить ? width: 864px; не помогает и в ксс нету
+ (0) -