Кнопка
скачать выполнена для Каталога файлов, чтобы украсить Ваш сайт и
сделать вывод информации загрузок более удобным. В скрипт Кнопка скачать для 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; 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> Нравится
|