ZorNet.Ru — сайт для вебмастера » Графика для сайта » Кнопка "Скачать" с интервалом времени для гостей

Кнопка "Скачать" с интервалом времени для гостей

Кнопка "Скачать" с интервалом времени для гостей
Красивая светло зеленая кнопка скачать. Устанавливается основном в каталог файлов. Кнопка конечно по дизайн сайту для зеленых дизайн сайта. Но так же она будит смотреться и на светлых шаблонах и так же на темных шаблонах. Если гость нажимает на кнопку "Скачать файл" снизу вылезает окошко с просьбой зайти под своим логином или подождать 30 секунд. Это возможно что гость зарегистрироваться на вашем сайте. Но это зависит от вашего контента на сайте. Да если он хорош и не какой кнопки с ожиданием не потребуется.
Приступаем к установке:
Заходим в ПУ -- Управ дизайном -- Каталог файлов -- Страница материалов и комментариев к нему -- Ищем код:
Code
[ <a href="$FILE_URL$"><!--<s5223>-->Скачать с сервера<!--</s>--></a> ($FILE_SIZE$)  
  · <a href="$RFILE_URL$" target="_blank"><!--<s5224>-->Скачать удаленно<!--</s>--></a> ($RFILE_SIZE$)  
  · <a href="$SCREEN_URL$" target="_blank"><!--<s5187>-->Скриншот<!--</s>--></a> ]


И убираем его. Как убрали вместо его ставим этот код.
Code
<script type="text/javascript">  
  function dload(link,obj){  

  _uWnd.alert('

<span id="timer0">Ожидайте <b id="timer1">30</b> секунд</span><br><a href="/index/1">Войдите</a>, чтобы не ждать.','',  

{w:220,h:70,tm:30000,pad:3,});  
  obj.disabled = true;  
var out = 29;  
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 = '<b>Скачивание файла...</b>';  
}  
},1000);  

}  
</script>  

<div align="left">  
  <a class="download_button" style="margin:5px;" href="$FILE_URL$" target="_blank"><div style="position:absolute; top:1px; left:75px; color:#fff; font-size:11pt; font-weight:bold;">Скачать/Download</div><div style="position:absolute; top:22px; left:75px; color:#fff; font-size:8pt;" align="left">Загрузок: $LOADS$</div></a>  
   
  <div align="left">  
  <a class="download_button" style="margin:5px;" href="$RFILE_URL$" target="_blank"><div style="position:absolute; top:1px; left:75px; color:#fff; font-size:11pt; font-weight:bold;">Скачать/Download</div><div style="position:absolute; top:22px; left:75px; color:#fff; font-size:8pt;" align="left">Загрузок: $LOADS$</div></a>  
  <a href="$SCREEN_URL$" target="_blank"><!--<s5187>-->Скриншот<!--</s>--></a>  
  <a class="download_button" style="margin:5px;" href="javascript://" onclick="dload('$FILE_URL$$RFILE_URL$',this);"><div style="position:absolute; top:1px; left:75px; color:#fff; font-size:11pt; font-weight:bold;">Скачать/Download</div><div style="position:absolute; top:22px; left:75px; color:#fff; font-size:8pt;" align="left">Загрузок: $LOADS$</div></a> <style type="text/css">  
  .download_button {display:block; width:256px; height:65px; background:url('http://www.csomsk.ru/download.png') no-repeat; position:relative; color:#fff; text-shadow:0 1px 2px #000;}  
  .download_button:hover {background-position:0 -65px; color:#fff;}  
  </style>

На этом все, но совет вам не нужны эти кнопки если контент хорош и гость будит сам с радостью регистрироваться. Почему это пишу? Так как кнопка с ожиданием основном заставляет гостя регистрироваться на сайте.
08 Января 2012 Просмотров: 2865 Комментариев: (0)

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

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

Оставь свой отзыв

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