| Категории раздела |
|
Профиль для ucoz
[9]
Новый профиль для ucoz, мини профиль для ucoz, скрипт для ucoz профиль, профиль для сайта ucoz
|
|
Ajax для ucoz
[13]
Ucoz ajax, ajax окна для ucoz, скрипты ajax для ucoz, новые ajax окна для ucoz, новый вид ajax ucoz
|
|
Скрипты для ucoz
[128]
скачать скрипты для ucoz, скрипты ucoz
|
|
Меню для ucoz
[45]
меню для ucoz, горизонтальное меню для ucoz, раздвижное меню ucoz, вертикальное, выпадающие меню ucoz
|
|
Календари для ucoz
[20]
скрипт календарь cs, скрипт для ucoz календарь, календарь для ucoz cs 1.6, календари ucoz
|
|
Часы для ucoz
[31]
часы для ucoz, часы для ucoz cs 1.6
|
|
Статистика для ucoz
[11]
статистика cs для ucoz
|
|
Форма входа для ucoz
[15]
форма входа для ucoz
|
|
Переключатели для ucoz
[9]
Переключатели страниц для ucoz
|
|
Шапки для ucoz
[13]
шапки для ucoz cs 1.6
|
|
|
-
Главная
-
Скрипты для ucoz
-
Скрипты для ucoz
-
Кнопка скачать для ucoz
|
Кнопка скачать выполнена для Каталога файлов, чтобы украсить Ваш сайт и сделать вывод информации загрузок более удобным. В скрипт Кнопка скачать для ucoz входит: анимационная кнопка скачать(при наведении курсора на кнопку она меняет цвет), вывод названия материала и количество загрузок. Установка. Этап 1. Перед </head> Заходим в П.У - Дизайн - Управление дизайном - Каталог файлов - Страница материала и комментариев к нему, и там ПЕРЕД </head> вставляем:Code <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), в самый низ вставляем:Code .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. Код скрипта Заходим в П.У - Дизайн - Управление дизайном - Каталог файлов - Страница материала и комментариев к нему, и в нужно место вставляем код самой кнопки скачать для ucozCode <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
| Добавил:
Wallaby
| Просмотров:
6118
|
|
|
Комментарии отсутствуют