» »

Табло информации файла трекера для uCoz

Табло информации файла трекера для uCoz

Красивая таблица торрент трекера для сайтаuCoz, где нет пиров и сидов, а значит простенькая табло только размер сколько скачали и кнопка. Ставить ее нужно под вид материалов и комментариев к нему, а точнее под информацию, что нужно скачать. На таблицы вы увидите, сколько произведено скачивание и другую информацию, все очень сделано стильно и удобно для пользователя, так же к ней перекреплен файл с правой стороны. Как можно увидеть, что ее изначально делали под светлый дизайн. но с ней идут стили. что возможность есть на редактирование.

Она полностью рабочая и ее предоставил на сайт пользователь CEREBRUM, у которого информационная таблица установлена на сайте и работает отлично. Здесь хочется подчеркнуть. что она больше несет информация для гостей и пользователей, но и безусловна функция, чтоб можно было скачать. Это не просто кнопка, а табло, что при установке будет совершенно другой визуальный вид на интернет ресурсе. И главное по своим размерам не будет сильно много занимать место, так как можно увидеть в работе ее, что все расположено компактно и по теме, то что нужно для того, кто хочет скачать или узнать о материале больше.

Так снято с сайта, где установлена она:

Табличка для торрент трекера сайта

Приступаем к установке:

Нужно зайти в админ модель и пройти в тот модуль куда нужно установить и потом зайти в страница материала и комментариев к нему и после $MЕSSAGЕ$ установить код.

Код
<table class="attach bordered med">  
<tr class="row3"><th colspan="3" class="genmed">$ENTRY_TITLE$.torrent</th></tr>  
<tr class="row3">  
  <th colspan="3">  
<font color="darkred"><b><span style="color: #dcdcdc; font-size: 8pt"><a href="Ваша ссылка" class="med">Как тут качать?</a> · <a href="Ваша ссылка" class="med">Как добавить материал?</a></span></b></font>  
<?if($MODER_PANEL$)?>$MODER_PANEL$<?endif?>  
  </th>  
</tr>  
<tr class="row1">  
  <td width="15%">Трекер:</td>  
  <td width="70%">[ <span title="Добавлен">$ADD_DATE$ · $ADD_TIME$</span> ]</td>  
  <td width="15%" rowspan="6" class="tCenter pad_6">  
<?if($FILE_URL$)?>  
  <a href="$FILE_URL$" class="genmed">  
  <p><img src="http://zornet.ru/Fresa/AB/vcard_download.png" alt="" border="0" /></p>  
  <p><b>Скачать</b></p></a>  
  <p class="small">$FILE_SIZE$</p>  
<?endif?>  
  </td>  
</tr>  
  <tr class="row1">  
  <td>Статус:</td>  
  <td><b><?if($NOT_ACTIVE$)?><span style="color: red;">X</span> НЕ проверено<?else?><span style="color: green;">√</span> проверено<?endif?></b></td>  
</tr>  
<tr class="row1">  
  <td>Скачан:</td>  
  <td><span title="Скачано: $LOADS$ раз">$LOADS$ раз</span></td>  
</tr><?if($RFILE_SIZE$)?>  
<tr class="row1">  
  <td>Размер:</td>  
  <td>$RFILE_SIZE$</td>  
</tr><?endif?><?if($RATING$)?>  
<tr class="row1">  
  <td class="genmed">Оценка:</td>  
  <td class="genmed">$RATING$ (Голосов: $RATED$)<?if($RATE_FORM$)?> $RATE_FORM$<?endif?></td>  
</tr><?endif?><?if($USER_ID$ != $UID$ && $USER_LOGGED_IN$)?>  
<tr class="row1">
<!--<td>Поблагодарили юзера:</td>-->  
<td>Спасибо:</td>  
<td><script type="text/javascript">  
function repchange(val,id){  
repval=val;  
ajaxtime=setInterval('checkajax'+id+'()',500);}  
</script>  
<script type="text/javascript">  
function checkajax$UID$(){  
forms=document.getElementsByTagName('form');  
for(f=0;f<forms.length;f++){  
if(forms[f].id=='frm981'){  
if(repval=='plus'){document.getElementById('a2').checked='true';  
forms[f].reason.value='Благодарю за $ENTRY_TITLE$'  
document.getElementById('submfrm981').click();  
document.getElementById('sbt981').onclick=null;  
clearInterval(ajaxtime);}}}}  
</script>  
<a title="Репутация пользователя автоматически повысится. Многократное нажатие Спасибо запрещено Правилами портала и строго наказывается!" href="javascript://" onclick="openLayerB('Rd',0,'/index/23-$UID$','Change Reputation',380,200,1); return false;"><img src="http://zornet.ru/Fresa/AB/button.png" onclick="repchange('plus','$UID$');" align="absmiddle" border="0" /></a>  
  </td>  
</tr><?endif?>  
</table>

CSS:

Код
/* ---------------------------------- *  
  Attachments  
  * ---------------------------------- */  
table.attach { width: 98%; margin: 0 auto; clear: both; border-color: #A5AFB4; }  
  .attach th, .attach td { border-color: #A5AFB4; }  
  .attach th { padding: 3px; text-align: center; font-weight: bold; background: #D1D7DC; }  
  .attach td { padding: 2px 4px; }  

/* ---------------------------------- *  
  Backgrounds  
  * ---------------------------------- */  
  .row1, .row1 td { background: #EFEFEF; }  
  .row2, .row2 td { background: #DEE3E7; }  
  .row3, .row3 td { background: #D1D7DC; }  
  .row4, .row4 td { background: #ECECEC; }  
  .row5, .row5 td { background: #E7E7E7; }  
  .row6, .row6 td { background: #E9E9E6; }  

/* ---------------------------------- *  
  General text  
* ---------------------------------- */  
  .med, .genmed, .med td { font-size: 11px; }  
  .small { font-size: 10px; }  

  td.gen { font-size: 12px !important; }  
  td.med { font-size: 11px !important; }  
  td.small { font-size: 10px !important; }  

  .gen, .med, .genmed,  
  .small { color: #000000; }  
  a.gen, a.med, a.genmed,  
  a.small { color: #006699; text-decoration: none; }  

  .tCenter { text-align: center !important; } /* textCenter */  

  table.bordered { border-collapse: collapse; border: 1px solid #B7C0C5; }  
  .bordered th, .bordered td { border-style: solid; border-width: 1px; border-color: #B7C0C5; }

Прежде, что то вообще устанавливать и менять на портале, все лучше сохранить, чтоб можно было откатить на прежнее место.

Материал взят с сайта: ucoz24.com
Код доработал пользователь: -SAM-
01.05.2017 Просмотров: 726 Комментарий: (14)

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

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

Комментарий: 14
Scheme
Scheme 01.05.2017 00:531
0
Так это можно под простой софт сделать, где скачивают, и должно подойти.
Kolinkor
Kolinkor 01.05.2017 01:002
0
Так выводит сколько скачали и все, статус проверенно, а кто проверял. А файл изображение можно любой закрепить, здесь от тематике зависит.
csafrones
csafrones 01.05.2017 03:123
0
Здесь ставить нужно под тематику, а что скачать, там можно и без этого табло можно.
Start
Start 01.05.2017 08:544
0
В конце убери или код не до конца?
Код
<tr class="row3 tCenter">  
  <td colspan="3">
Start
Start 01.05.2017 09:055
+1
Вот демо
Крч html - тут не полн...
Kosten
Kosten 01.05.2017 18:316
0
Все понятно!
Спасибо!
Kolinkor
Kolinkor 01.05.2017 20:557
0
Так, что в коде не поправить?
Kosten
Kosten 01.05.2017 21:518
0
Скрип проверил, так как заливал его пользователь и у него он на сайте установлен был, при проверке там много ошибок было, что нашел другой и поменял, этот проверен и смотрится так. В любом случай можно его доработать по своему.

csafrones
csafrones 02.05.2017 01:399
0
Так это старое табло и как видно с него только скачать можно и посмотреть сколько скачали. Но больше место занимает, возможно добавить самому что то.
1 2 »
avatar