Вход в личный кабинет   Зарегистрировать аккаунт

Кнопка скачать со счетчиком для Юкоз

Опубликовано 6-01-2013, 07:46 в разделе Кнопки uCoz
Кнопка скачать со счетчиком для Юкоз


Анимированная кнопка "Скачать" со счетчиком скачивания для сайтов на Юкоз.


Установка кнопки со счетчиком:

1. Скачиваем архив и заливаем папку из него в корень сайта.

 

Доступно после регистрации на сайте.

 

2. Перед тегом:

 

</head>

 

Вставляем следующий код:

<script type="text/javascript" src="/Knopka/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>


3. В 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(/Knopka/twobuttons.png);    background-position: top right;    }    .downloadbutton span.hover{    position: absolute;    display: block;    width:107px;    height:38px;    background-position: bottom right;    background-image:url(/Knopka/twobuttons.png);    }    .homebutton {    float: left;    width:120px;    height:38px;    display:block;    background-image:url(/Knopka/twobuttons.png);    background-position: top left;    }    .homebutton span.hover{    position: absolute;    display: block;    width:120px;    height:38px;    background-position: bottom left;    background-image:url(/Knopka/twobuttons.png);    } 


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

<table border='0' cellspacing='0' cellpadding='0' align='center' background='/Knopka/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>

» » Кнопка скачать со счетчиком для Юкоз
Опубликовал Татьяна   Прочитано (раз): 1099   |   Оставлено комментариев: 0
Добавить свой комментарий