Установка:
1. Где хотим видеть кнопку ставим код:
2. В CSS стили добавляем:
Картинку можете загрузить себе на сервер. Готово.
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>
<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;
}
.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)
Добавить