NK-uCoz.Ru » Каталог файлов » uCoz » Авторство NK-uCoz.Ru » Кнопка скачать для торрент сайтов

Кнопка скачать для торрент сайтов

Кнопка скачать для торрент сайтов
Авторство NK-uCoz.Ru
na3uTuB4uk
31.10.14, 22:12
1280
0
Установка:

1. Где хотим видеть кнопку ставим код:
Код
<a href="$FILE_DIRECT_URL$" title="Скачать тррент $ENTRY_TITLE$" class="download_button_like_stat" rel="nofollow">  
  <span class="download_button_like_stat_title">Скачать торрент $ENTRY_TITLE$ </span>  
  <span class="download_button_like_stat_subtitle"><span style="float: right; padding-left: 20px;"><b>Размер торрента:</b> $FILE_SIZE$</span><b>Размер раздачи:</b> $RFILE_SIZE$</span>  
  <span class="download_button_like_stat_subtitle" style="padding-top: 2px; font-size: 10px;"><b>Название файла: </b><?substr($FILE_DIRECT_URL$, strrpos($FILE_DIRECT_URL$,'/') +1)?></span>  
  </a>


2. В CSS стили добавляем:
Код
.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://n-torrents.ru/images5/download_icon.png') no-repeat 10px -2px;  
color: #2DC5EB !important;  
font-size: 15px !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: 11px;  
font-family: Arial;  
font-weight: normal;  
text-transform: uppercase;  
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;  
  }  

  .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;  
  }


Картинку можете загрузить себе на сервер. Готово.
Ctrl
Enter
Заметили ошЫбку
Выделите текст и нажмите Ctrl+Enter
Вернуться назад
Комментарии (0)