Красивая зелёная табличка для скачивания торрент файлов!!!
Установка:
1. Скачать архив и залить папку images к себе на сервер
2. Управление дизайна -> Каталог файлов -> Страница материала и комментариев к нему, куда Вам нужно вставляем следующие:
Код
<a href="$FILE_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> 15.2Kb</span><b>Размер раздачи:</b> 1.44 Гб</span>
<span class="download_button_like_stat_subtitle" style="padding-top: 2px; font-size: 10px;"><b>Название файла: </b>$ENTRY_TITLE$</span>
</a>
3. Вставить код вниз Вашего CSS:
Код
.quet {
background: url('/images/new_title_arrows.png') #83c315 no-repeat;
}
.download_button_like_stat {
display: inline-block;
//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;
// new styles starts here:
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
background: #05a351 url('/images/download_icon_v3.png') no-repeat -39px 50%;
border-bottom: 1px solid #008841;
-webkit-box-shadow: 0px 1px 3px 0px rgba(0,88,42,0.3);
-moz-box-shadow: 0px 1px 3px 0px rgba(0,88,42,0.3);
box-shadow: 0px 1px 3px 0px rgba(0,88,42,0.3);
color: #FFFFFF !important;
font-size: 14px !important;
padding: 11px 15px 10px 80px;
text-transform: uppercase;
}
.download_button_like_stat .download_button_like_stat_title {
line-height: 16px;
}
.download_button_like_stat .download_button_like_stat_subtitle {
display: block;
//color: #858a93;
color: #e5feee;
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;
padding: 6px 0 0 0;
}
.download_button_like_stat:hover {
//background-position: 10px -82px;
//background-color: #f5fbfc;
background-color: #05974b;
border-bottom: 1px solid #007b3b;
}
.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;
}
Скачать
Материал подготовлен: Барменом.