» »

Кнопка Скачать с обратным отсчётом для системы uCoz


Кнопка Скачать с обратным отсчётом для системы uCoz

Кнопка Скачать с обратным отсчётом для системы uCoz, кнопка просто шикарная и ставить ее легко, при наведении курсора совершенно другой цвет появляется, на кнопке все написано сколько весит файл ИТД.
Приступаем к установке:
На странице материала и комментариев к нему находим кусок кода:
Код
<a href="$FILE_URL$"><!--<s5223>-->Скачать с сервера<!--</s>--></a> ($FILE_SIZE$)


И замените его на этот наш код:
Код
<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">Ожидайте<a href="http://joomla.ucoz.com" title="Шаблоны для uCoz, скрипты для uCoz" alt="Шаблоны для uCoz, скрипты для uCoz">:</a> <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('http://zornet.ru/zornet_ru1/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('http://zornet.ru/zornet_ru1/download_bg.png') no-repeat bottom right; height:70px; width:305px; display:block;}  
</style>
17.05.2012 Просмотров: 920 Комментарий: (11)

Поделиться в социальных сетях

Материал разместил

Комментарий: 0
avatar