Войти на сайт Регистрация
Добавить файлВ каталоге: 678
Кнопка Скачать файл для uCoz
16.12.2018
Кнопка Скачать файл для uCoz
  • 655 Просмотров:
  • 0 Скачиваний:
  • 0 Комментариев:
  • 4.0 Рейтинг:
  • (Голосов: 1)
Описание:
Кнопка скачать выполнена для Каталога файлов, чтобы украсить Ваш сайт и сделать вывод информации загрузок более удобным. В скрипт Кнопка скачать для ucoz входит: анимационная кнопка скачать(при наведении курсора на кнопку она меняет цвет), вывод названия материала и количество загрузок.

Установка:

1. Заходим в П.У - Дизайн - Управление дизайном - Каталог файлов - Страница материала и комментариев к нему, и там ПЕРЕД вставляем:

Код
<script type="text/javascript" src="http://7old.ru/ucoz-files/Download.js"></script>  
  <script type="text/javascript">  
  $(document).ready(function() {  
  $('.homebutton,.downloadbutton').append('<span class="hover"></span>').each(function () {  
  var $span = $('> span.hover', this).css('opacity', 0);  
  $(this).hover(function () {  
  $span.stop().fadeTo(500, 1);  
  }, function () {  
  $span.stop().fadeTo(500, 0);  
  });  
  });  
  });  
  </script>


2. Заходим в П.У - Дизайн - Управление дизайном(CSS), в самый низ вставляем:

Код
.downlod_title {  
  font-family: tahoma;  
  font-size: 10px;  
  color: #FFFFFF;  
  padding-top: 2px;  
  height: 23px;  
  }  
  .downlod_footer {  
  font-family: tahoma;  
  font-size: 10px;  
  color: #FFFFFF;  
  padding-bottom: 2px;  
  height: 23px;  
  }  
  .downloadbutton {  
  float: left;  
  width:107px;  
  height:38px;  
  display:block;  
  background-image:url(http://7old.ru/ucoz-files/twobuttons.png);  
  background-position: top right;  
  }  
  .downloadbutton span.hover{  
  position: absolute;  
  display: block;  
  width:107px;  
  height:38px;  
  background-position: bottom right;  
  background-image:url(http://7old.ru/ucoz-files/twobuttons.png);  
  }  
  .homebutton {  
  float: left;  
  width:120px;  
  height:38px;  
  display:block;  
  background-image:url(http://7old.ru/ucoz-files/twobuttons.png);  
  background-position: top left;  
  }  
  .homebutton span.hover{  
  position: absolute;  
  display: block;  
  width:120px;  
  height:38px;  
  background-position: bottom left;  
  background-image:url(http://7old.ru/ucoz-files/twobuttons.png);  
  }


3. Заходим в П.У - Дизайн - Управление дизайном - Каталог файлов - Страница материала и комментариев к нему, и в нужно место вставляем код самой кнопки:

Код
<table border='0' cellspacing='0' cellpadding='0' align='center' background='http://7old.ru/ucoz-files/downlod.png' wight='220' height='84'>  
  <tr>  
  <td align='center' class='downlod_title'>$ENTRY_TITLE$</td>  
  </tr>  
  <tr>  
  <td><a href='$FILE_URL$' class='homebutton'></a>  
  <a href='$RFILE_URL$' class='downloadbutton'></a></td>  
  </tr>  
  <tr>  
  <td align='center' class='downlod_footer'>Загрузок $LOADS$</td>  
  </tr>  
  </table>


Установка закончена.
Кнопка Скачать файл для uCoz" title="Скачать Кнопка Скачать файл для uCoz бесплатно, без смс и регистрации" target="_blank">Сервер Скачать файл
Источник: wallaby.ucoz.ru
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]