Красивый шаблон аттача DLE

Веб разработка - Модули dle

Красивый шаблон аттача DLE. PSD в комплекте.
Проверено: DLE 8.3-8.5
Автор: Tumoxa (MD Team)

Шаг 1
Загружаем все файлы из архива Upload по папкам Не забываем переименовать папку Default в категории Templates под название вашего шаблона
Шаг 2
Открываем engine/modules/functions.php
Находим:

<a href=\ {$config['http_home_url']}engine/download.php?id={$row['id']}{$area}\ >{$row['name']}</a> [{$size}] ({$lang['att_dcount']} {$row['dcount']}) ;

Заменяем на:

<table border='0' cellspacing='0' cellpadding='0' align='center' background='{THEME}/imdown/downlod.png' wight='220' height='84'>
<tr>
<td align='center' class='downlod_title'>{$row['name']}</td>
</tr>
<tr>
<td><a href='{$config['http_home_url']}engine/download.php?id={$row['id']}{$area}' class='homebutton'></a>
<a href='{$config['http_home_url']}engine/download.php?id={$row['id']}{$area}' class='downloadbutton'></a></td>
</tr>
<tr>
<td align='center' class='downlod_footer'>[{$size}] ({$lang['att_dcount']} {$row['dcount']})</td>
</tr>
</table>

Шаг 3
Открываем main.tpl
Между тегами head вставляем:

<script type= text/javascript src= {THEME}/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>

Шаг 4
Открываем style.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(../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);
}

Установка окончена.