Красивая кнопка Dawnload с размеров файла и т.д. Скрин ниже:
Установка:
1.Между тегами 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>
3.Создаем папку imdown и все файлы кидаем в эту папку
Psd картинки есть в архиве
Скачать архив
Автор адаптации: gorf(я)
Источник: ucozadap.3dn.ru
