Блог

Неплохой скрипт, который мне захотелось довести до ума, так как отображался кривовато (Скорее всего был рипнут криворуким риппером). Здесь есть всё - красивая кнопка, размер файла и количество скачиваний да ещё и настраиваемый таймер обратного отсчёта! Ну что же, поехали!

Установка:

На странице материала и комментариев к нему найдите участок кода:

Code

<?if($FILE_URL$)?><a href="$FILE_URL$">Скачать с сервера</a> ($FILE_SIZE$)<?endif?>

И замените его на:

Code

<?if($FILE_URL$)?>

<a class="dload" href="javascript://" onclick="dload('$FILE_DIRECT_URL$',this);"><div style="font-size: 22px; padding-top: 15px; padding-left: 80px;"><b>Скачать бесплатно</b></div><div style="font-size:11px; font-family:tahoma; padding-top:5px; padding-left:100px;"><b>Размер: $FILE_SIZE$ || Загрузок: $LOADS$</b></div></a>

<script type="text/javascript">
function dload(link,obj){
_uWnd.alert('<span id="timer0">Ожидайте <b id="timer1">15</b> секунд</span>','',
{w:200,h:80,tm:15000,pad:20});
obj.disabled = true;
var out = 14;
var timer2 = setInterval(function(){
document.getElementById('timer1').innerHTML = out;
out--;
if(out == 0){
obj.disabled = false;
location.replace(link);
clearInterval(timer2);
document.getElementById('timer0').innerHTML = 'Сохраните файл';
}
},1000);
}
</script>

<style>
a.dload:link, a.dload:visited, a.dload:active, .dload:link, .dload:visited, .dload:active {text-decoration:none; font-family:arial; color:#fff; background:url('/images/download_bg.png') no-repeat top right; height:70px; width:305px; display:block;}
a.dload:hover, .dload:hover, a.dload:focus, .dload:focus {text-decoration:none; font-family:arial; color:#fff; background:url('/images/download_bg.png') no-repeat bottom right; height:70px; width:305px; display:block;}
</style>

<?endif?>

Далее в файловом менеджере создайте папку images (Если у вас таковой ещё не имеется) и залейте в неё картинку из прикреплённого архива. Всё!

Сразу предупреждаю, что лучше всего будет смотреться на сайтах с белым фоном smile