Дизайн сайта Главная Гостевая О сайте Скрипты Новости Статьи Новинки Связь Дизайн сайта

Форма входа
 
Категории раздела
 
Сколько материала вы добавили на сайт?
Всего ответов: 102
faq
  • Как скачать шаблон с сайта?
  • Как установить загруженный шаблон?
  • Что такое Ucoz?
  • Что такое шаблон?
  •  
    Статистика
    Пользователей которые уже скачали готовые

    уникальные шаблоны для ucoz

    4139

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
     
     
     
    Главная » Статьи » Скрипты для ucoz

    Кнопка скачать для ucoz

                              Кнопка скачать для ucoz

    Кнопка скачать выполнена для Каталога файлов, чтобы украсить Ваш сайт и сделать вывод информации загрузок более удобным. В скрипт Кнопка скачать для ucoz входит: анимационная кнопка скачать(при наведении курсора на кнопку она меняет цвет), вывод названия материала и количество загрузок.

     

    Установка. Этап 1. Перед </head>

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

     
    <script type="text/javascript" src="http://wallaby.ucoz.ru/js/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

    Заходим в П.У - Дизайн - Управление дизайном(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://wallaby.ucoz.ru/download/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://wallaby.ucoz.ru/download/twobuttons.png);  
      }  
      .homebutton {  
      float: left;  
      width:120px;  
      height:38px;  
      display:block;  
      background-image:url(http://wallaby.ucoz.ru/download/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://wallaby.ucoz.ru/download/twobuttons.png);  
      }
    Установка. Этап 3. Код скрипта

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

    <table border='0' cellspacing='0' cellpadding='0' align='center' background='http://wallaby.ucoz.ru/download/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 | Добавил: pastar (01.12.2014)
    Просмотров: 769 | Теги: Кнопка скачать для юкоз, Кнопка скачать для ucoz, кнопки для юкоз | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
     
     
    Поиск
     
               

    На нашем сайте собраны лучшие новые шаблоны для ucoz: уникальные шаблоны для ucoz, бесплатные шаблоны ucoz. Мы постарались подобрать только качественные и уникальные шаблоны для UCOZ. Все шаблоны для UCOZ чётко разделены по своим категориям таким как : CS шаблоны, варез порталы, для дизайн студий, для простых сайтов, а так же шаблоны известных игр, блогов и другие интересные категории, поэтому найти нужный шаблон особой проблемы, для Вас не составит. Все готовые ucoz шаблоны загружены к нам на сервер в формате zip и rar, и имеют подробное описание по его установке внутри архива. С нашего сервера можно скачать бесплатно шаблоны для ucoz сделав один клик. Все ucoz шаблоны принадлежат их владельцам. templatesbox - не несёт ответственности за скачанные материалы с сайта.

    Карта сайта | Шаблоны для Ucoz

                          Шаблоны для сайта

    Вверх

    1
    Свернуть
    Развернуть чат
    Необходима авторизация
    0