Главная » Готовые решения для uCoz
Ленточный слайдер для ucoz
27.04.2013, 14:31 | |
Хорошо подойдёт для софт, кино и музыкальных сайтов. 1. Копируем код скриптов и стилей и ставим в код страниц сайта в верх, перед </head> Код <link type="text/css" rel="StyleSheet" href="http://911.ucoz.org/_files/stuff/sliders/3/my.css"> <script type="text/javascript" src="http://911.ucoz.org/_files/stuff/sliders/3/jquery-1.3.2.js"></script> <style type="text/css">.UhideBlockL {display:none}</style> <script type="text/javascript" src="http://911.ucoz.org/_files/stuff/sliders/3/script_site.js"></script> 2. Копируем код слайдера ниже, ставм туда где вам нужно. Вставляем свои картинки и ссылки. Код <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="911.ucoz.org"> </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="911.ucoz.org"> </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="911.ucoz.org"> </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="911.ucoz.org"> </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="911.ucoz.org"> </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=" 911.ucoz.org"> </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="911.ucoz.org"> </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="911.ucoz.org"> </a> </li></ul> </div> </div> | |
Всего комментариев: 0 | |