+ВыФайлы



Главная » Файлы » uCoz » Скрипты

Уникальный "Slide Show" для uCoz (Всё для uCoz)
Категория: Скрипты
Автор Файла:LEKUS ©
Сайт/E-mail:
Разрядность:
***
Размер файла: 406.6 Kb
Лекарство:Не требуется
Файл добавил: osakatv
Дата добавления:24.01.2016
Скачиваний: 2
Описание файла Уникальный "Slide Show" для uCoz (Всё для uCoz)

Всем доброе время суток и так к вашему внеманиюсегодня предоставляю - Slide Show for ucoz 

Даная версия является в формате HTML 

Сам Slideshow_v5 является простым в установке, и использовании на вашем сайте. 

И так давайте приступим к установке дной модификации! 

Для начала скачиваем сам архив, после создаем папку Slideshow_v5 и туда залеваем все что находится в папке. 

После чего идем на сайт и в каком вам нужно месте ставим между <head> и </head> ставим следущее: 
 

Code
<!-- Включают в меню Сервис -->  
  <script src="Slideshow_v5/jquery.js"></script>  

  <!-- автономный стиль страницы (можно удалить) -->  
  <link rel="stylesheet" type="text/css" href="Slideshow_v5/standalo.css"/>  

  <link rel="stylesheet" type="text/css" href="Slideshow_v5/tabs-sli.css"/>  
   
  <!-- исправить то есть "черный ящик" проблемы с изображениями PNG, когда непрозрачность анимируемого -->  
   
  <!--[if IE]>  
  <style type="text/css">  
  .images img {  
  background:#efefef url(/img/global/gradient/h300.png) repeat-x 0 -22px;  
  }  
  </style>  
  <![endif]-->



Теперь между тегами <body> и </body> ставим следущее: 
 

Code
<!-- «предыдущий слайд" кнопки -->  
<a class="backward">предыдущая</a>  

<!-- Контейнер для слайдов -->  
<div class="images">  

  <!-- первый слайд -->  
  <div>  
  <h3>Первая панель</h3>  

  <img src="Slideshow_v5/screens.png" alt="Flying screens" style="float:left;margin:0 30px 20px 0" />  

  <p style="font-weight:bold">  
  Slide Show for Yukoz - Весь текст меняем на свой  
  </p>  

  <p>  
  Slide Show for Yukoz......<br />Всем доброго врямени суток, и так к вашему внеманию предоставляется новая версия - Slideshow v5. Уважаемые пользователи если у вас есть какие либо идеи по созданию чего либо предлогайте - и мы свами попробуем их зделать вместе. <br />Спасибо за ваше внемание с уважением - Zlatev Dima  
  </p>  

  </div>  

  <!-- второй слайд -->  
  <div>  
  <h3>Вторая панель</h3>  

  <img src="Slideshow_v5/eye192.png" alt="Flying screens" style="float:left;margin:0 30px 20px 0" />  

  <p style="font-weight:bold">  
  Slide Show for Yukoz - Весь текст меняем на свой  
  </p>  

  <p>  
  Slide Show for Yukoz......<br />Всем доброго врямени суток, и так к вашему внеманию предоставляется новая версия - Slideshow v5. Уважаемые пользователи если у вас есть какие либо идеи по созданию чего либо предлогайте - и мы свами попробуем их зделать вместе. <br />Спасибо за ваше внемание с уважением - Zlatev Dima  
  </p>  
  </div>  

  <!-- третий слайд -->  
  <div>  
  <h3>Третья панель</h3>  

  <p style="font-weight:bold">  
  Slide Show for Yukoz - Весь текст меняем на свой  
  </p>  

  <p>  
  Slide Show for Yukoz......<br />Всем доброго врямени суток, и так к вашему внеманию предоставляется новая версия - Slideshow v5. Уважаемые пользователи если у вас есть какие либо идеи по созданию чего либо предлогайте - и мы свами попробуем их зделать вместе. <br />Спасибо за ваше внемание с уважением - 3week.clan.su !  
  </p>  
  </div>  

</div>  
<!-- "Следующий слайд" кнопки -->  
<a class="forward">следующий</a><p>  

<!-- вкладки -->  
<div class="slidetabs">  
  <a href=""></a>  
  <a href=""></a>  
  <a href=""></a>  
</div>  

<script language="JavaScript">  
$(function() {  

$(".slidetabs").tabs(".images > div", {  

  // uFace - by lekus  
  effect: 'fade',  
  fadeOutSpeed: "slow",  

  // начать с самого начала после последней вкладке  
  rotate: true  

// использовать слайд-шоу плагин. Он принимает свою собственную конфигурацию  
}).slideshow();  
});  
</script>



Ну вот собствено и все. 

Нет не каких сложностей с установкой и использованием, пользуйтесь наздорове. 
 

***
Теги: все для uCoz, Скрипты для uCoz, Скачать, html, Slide show
Плюсануть
Поделиться
Класснуть
Запинить

Ссылка на источник материала:
[YouBAT] Проблемы с установкой? Пиши на наш форум. Вместе решим все проблемы!
[YouBAT] Думаете файл залит на сайт повторно? Тогда пишите сюда админу с указанием ссылок на эти одинаковые файлы!

Всего комментариев: 0
m">
Войдите:
avatar