» »

Скрипт кнопка скачать файлы на сайте


Скрипт кнопка скачать файлы на сайте

Если на сайте у вас материал который нужно скачивать, то вам нужна кнопка. И здесь скрипт для модуля отлично подойдет по своему дизайн. Он будет показывать сколько весит сам архив, который нужно скачать, также есть элементы эффекта, это по умолчанию зеленый, и при нажатие синий. Сделано все очень стильно, не просто надпись, а сделано уникально и красиво будет смотреться на сайте.

Но также будет написано название в самом верху, потом идет тот самый размер и заключает все, это название самого материала под скачивание, а точнее архива. Сделан под светлый дизайн, просто на тем отлично смотрится, но если кто решит сделать под темный, вам нужно поменять стрелку в и обвод где она. Всего идет одна ссылка в стилях, вы ее можете вмести с кодом поставить или стили перенести в CSS ресурса.

Здесь будет по умолчанию:

Кнопка скрипта скачать на сайте

Здесь вы навели курсор и оттенок поменялся:

Код на кнопку скачать файл

Установка:

Ставим там где посчитаете нужным, это может как вид материала и комментарий к нему.

Код
<?if($FILE_URL$ || $RFILE_URL$)?><div align="right" style="padding-top:4px;">  
<a href="<?if($FILE_URL$)?>$FILE_URL$<?else?>$RFILE_URL$<?endif?>" title="Скачать $ENTRY_TITLE$" class="download_button_like_stat" rel="nofollow">  
  <span class="download_button_like_stat_title">Скачать/Download</span>  
  <span class="download_button_like_stat_subtitle"><span style="float: right; padding-left: 20px;"><b>Загрузок: $LOADS$</b></span><b>Размер файла: <?if($FILE_URL$)?>$FILE_SIZE$<?else?><?if($RFILE_SIZE$)?>$RFILE_SIZE$<?else?>??<?endif?><?endif?></b></span>  
  <span class="download_button_like_stat_subtitle" style="padding-top: 2px; font-size: 12px;"><b>Название файла: </b><?if($FILE_URL$)?><?substr($FILE_DIRECT_URL$, strrpos($FILE_DIRECT_URL$,'/') +1)?><?else?>неизвестно<?endif?></span>  
</a>  
</div><?endif?>
   
<style>  
.vid_mater .message_r a {text-decoration: none; color:#44b1d4; font-family:Tahoma; font-size:11px;}  
  .download_button_like_stat {  
display: inline-block;  
background: url('http://zornet.ru/Aben/Gsa/download_icon.png') no-repeat 10px -2px;  
color: #2DC5EB !important;  
font-size: 17px !important;  
font-family: Arial !important;  
font-weight: bold;  
text-align: left;  
height: 60px;  
padding: 12px 15px 5px 80px;  
margin: 8px;  
white-space: nowrap;  
overflow: hidden;  
text-overflow: ellipsis;  
-o-text-overflow: ellipsis;  
max-width: 450px;  
border-radius: 12px;  
-moz-border-radius: 12px;  
-webkit-border-radius: 12px;  
  }  

  .download_button_like_stat .download_button_like_stat_title {  
line-height: 18px;  
  }  

  .download_button_like_stat .download_button_like_stat_subtitle {  
display: block;  
color: #858a93;  
font-size: 12px;  
font-family: Arial;  
font-weight: normal;  
padding: 5px 0 0 0;  
line-height: 14px;  
white-space: nowrap;  
overflow: hidden;  
text-overflow: ellipsis;  
  }  

  .download_button_like_stat:hover {  
background-position: 10px -82px;  
background-color: #f5fbfc;text-decoration: none;}  
  }  

  .download_button_like_stat:hover .download_button_like_stat_title {  
text-decoration: underline !important;  
  }  

  .download_button_like_stat:hover .download_button_like_stat_subtitle {  
color: #5C6063;  
text-decoration: none !important;  
  }  
</style>


PS - вообщем проверял его на каталоге файлов и все в рабочем состояние.
09.11.2016 Просмотров: 484 Комментарий: (21)

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

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

Комментарий: 21
ucozmental
ucozmental 09.11.2016 01:231
0
Красиво смотрится и тут видно, что от других по своему дизайн отличается сильно.
tsakonter
tsakonter 09.11.2016 01:372
0
Раньше много сайтов, где похожие кнопки стояли, сейчас все на стилях основном делают, хотя этот тоже. Но больше было нарисованных, и также при наведение меняли цвет.
Kosten
Kosten 09.11.2016 01:483
0
Да они и сейчас есть, и скрипты на нарисованы также на сайте можно найти. Просто когда вообше в первые создавал сайт, так вот такая по дизайн кнопка стояла на сайте.
csomsk8047
csomsk8047 09.11.2016 11:264
0
где условные операторы?
Kosten
Kosten 09.11.2016 12:005
0
Леха, при...т, у тебя сколько аккаунтов на сайте, сам вижу что нет, но скинь плиз, у тебя как понимаю эта кнопка стоит.
Kosten
Kosten 09.11.2016 14:286
0
Думаю так намного лучше смотреться будет, осталось только операторы поставить.

Kosten
Kosten 09.11.2016 15:107
0
Все операторы поставил и проверил, как сайта скачать и удаленно, все работает и показывает, сколько производилось кликов на скачивание.
Brung
Brung 09.11.2016 20:348
0
Так не чего, но кнопку лучше переставить или нарисовать и также их можно найти в интернете, здесь чисто под светлый.
Сафрон
Сафрон 09.11.2016 20:399
0
Уже другая кнопка.
Kosten
Kosten 09.11.2016 20:4610
0
Да нет просто та же, просто загрузку убрал первый раз, а здесь операторы добавил, и загрузку, и скачать с удаленного доступа.
-SAM-
-SAM- 10.11.2016 01:5011
+1
UPD.:
Код
<?if($FILE_URL$ || $RFILE_URL$)?><div align="right" style="padding-top:4px;">
<a href="<?if($FILE_URL$)?>$FILE_URL$<?else?>$RFILE_URL$<?endif?>" title="Скачать $ENTRY_TITLE$" class="download_button_like_stat" rel="nofollow">
   <span class="download_button_like_stat_title">Скачать/Download</span>
   <span class="download_button_like_stat_subtitle"><span style="float: right; padding-left: 20px;"><b>Загрузок: $LOADS$</b></span><b>Размер файла: <?if($FILE_URL$)?>$FILE_SIZE$<?else?><?if($RFILE_SIZE$)?>$RFILE_SIZE$<?else?>??<?endif?><?endif?></b></span>   
   <span class="download_button_like_stat_subtitle" style="padding-top: 2px; font-size: 12px;"><b>Название файла: </b><?if($FILE_URL$)?><?substr($FILE_DIRECT_URL$, strrpos($FILE_DIRECT_URL$,'/') +1)?><?else?>неизвестно<?endif?></span>   
</a>
</div><?endif?>
Как-то так, проверьте. Ну, а стили - лучше прописывать к общей таблице стилей сайта, а не прямо в код страницы, как здесь написано.
Kosten
Kosten 10.11.2016 15:2512
0
Не чего не получилось, на удаленный выставить не могу.
Kosten
Kosten 10.11.2016 17:3313
0
-SAM-, от души, поставил ваш код, что по стилям, думаю здесь понятно, кто там оставит, кто пропишет в CSS.

Только хотел так поставить, как сообщение пришло, точно не скажу что правильно, но работала и на удаленном.
Kosten
Kosten 10.11.2016 17:3414
0
Кнопка с торрента, думаю там с удаленного было.
-SAM-
-SAM- 10.11.2016 20:1315
+1
В общем, я дал код - пользуйтесь.
P.S.: .vid_mater .message_r a {text-decoration: none; color:#44b1d4; font-family:Tahoma; font-size:11px;} - лишнее, риперы опят радуют довесками. И вот посмотрел - да, действительно... изначально кнопка была рассчитана лишь на скачивание файлов, которые залиты на сайт (залитые torrent-файлы в прикреплении). Рипнуто админом nk-cs с сайта n-torrents, а то что на csomsk поставили - это уже значения не имеет.
Kosten
Kosten 10.11.2016 22:0716
0
Так написал, что точно не скажу что правильно, так как раз на эту тему "$FILE_URL$ || $RFILE_URL$" были замечание.
tsakonter
tsakonter 11.11.2016 21:3417
0
А оператор не прикрутить к знакам ?? на удаленном.
-SAM-
-SAM- 11.11.2016 22:3318
+1
Код посмотрите, суть в том, что если у вас не активировано поле "Размер архива на другом сервере" и не заполнено оно - будут выводиться ?? вместо размера файла, который - неизвестен (как и имя файла - размер выводиться только тогда, когда файл залит на сервер, для удаленного скачивания - нужно заполнять поля или цеплять скрипт php, как вариант).

UPD.:
Kosten
Kosten 11.11.2016 22:4519
0
-SAM-, возможно, но знакомый с майл вывел, не знаю как, отписал узнать, возможно PHP не нужно будет.

1 2 »
avatar