[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Все для uCoz » Скрипты для uCoz » Кнопка скачать с размером, названием и скачками + psd
Кнопка скачать с размером, названием и скачками + psd
adminДата: Суббота, 2011-01-08, 06:49 | Сообщение # 1
Полковник
Группа: Администраторы
Сообщений: 153
Награды: 11
Репутация: 31
Статус: Offline

[Скрипт тестирован на работу способность, тестировал DenDiCore, Суббота, 08.01.2011, 06:59]
Установка:

1.Между тегами <head>...</head> вставляем:

Code
<script type="text/javascript" src="/imdown/jquery-1.3.2.min.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 и в самый конец вставляем:

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

3.В том место где хотим видеть вставляем:

Code
<table border='0' cellspacing='0' cellpadding='0' align='center' background='/imdown/downlod.png' wight='220' height='84'>     
<tr>     
<td align='center' class='downlod_title'>$TITLE$</td>     
</tr>     
<tr>     
<td><a href="$RFILE_URL$" target=_blank ><img src="/imdown/twobuttons.png"></a>     
     </td>     
         
</tr>     
<tr>     
<td align='center' class='downlod_footer'>Размер: [$RFILE_SIZE$] Скачали: ($LOADS$)раз(а)</td>     
</tr>     
</table>

4.Качаем архив, создаем папку imdown и все файлы кидаем в неё.

[hidi2]imdown.rar[/hidi2]

Прикрепления: 7355727.jpg(43.8 Kb)


Подпись
 
Форум » Все для uCoz » Скрипты для uCoz » Кнопка скачать с размером, названием и скачками + psd
  • Страница 1 из 1
  • 1
Поиск: