 
 
 Очень интересный и уникальный вид материалов для ucoz. Он отображает скрин сайта, баннер сайта размеров 88х31, описания сайта, и прочее. 
 Ну что ж приступим к установке. Для начала установим вид материалов. 
 Шаг 1: Заходим в ПУ / Каталог сайтов / Управления дизайном / Вид материалов. 
 Шаг 2: Копируем код вида материалов и вставляем себе: 
 Code
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-bottom: 3px;">  
   <tr>  
   <td width="13%" class="tdone">  
   <center><a href="$SITE_URL$"><img src="http://mini.s-shot.ru/?$SITE_DIRECT_URL$" width="81"/></a></center>  
   </td>  
   <td valign="top" class="tdtwo" colspan="4">  
   <?if($MESSAGE$)?><?substr($MESSAGE$,0,420)?>.<?else?>Описания отсутствует...<?endif?>  
   </td>  
   </tr>  
   <tr>  
   <td width="13%" class="tdtre">  
   <center><img src="<?if($OTHER1$)?>$OTHER1$<?else?>http://image-up.3dn.ru/_ph/1/2/38474957.png<?endif?>" /></center>  
   </td>  
   <td class="tdfor">  
   <a href="$ENTRY_URL$">$TITLE$</a> $MODER_PANEL$  
   </td>  
   <td width="19%" class="tdfor">  
   <center>Зашли на сайт: <span class="cut-num">$READS$</span></center>  
   </td>  
   <td width="19%" class="tdfor">  
   <center>Пришли на сайт: <span class="cut-num">$REDIRECTS$</span></center>  
   </td>  
   </tr>  
   <tr>  
   <td class="tdfif" colspan="4">  
   <div style="float: right;"><a href="$ENTRY_URL$" class="likees">Полная статистика</a></div><div style="margin-top: 2px;"><span class="spanchik">Категория: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a></span><span class="spanchik">Добавил: $USERNAME$</span>Комментариев: $COMMENTS_NUM$</div>  
   </td>  
   </tr>  
 </table>
 Сохраняем. 
 Шаг 3: Далее устанавливаем CSS: 
 Code
/* by coffee | iblod.3dn.ru */  
 .tdone {padding: 2px; border: 1px solid #ccc; border-right: 1px dotted #ccc; background: rgba(235,235,235,0.55);}  
   .tdtwo {padding: 3px; border: 1px solid #ccc; border-left: 0px; background: rgba(235,235,235,0.30);}  
   .tdtre {border: 1px solid #ccc; padding: 2px; border-top: 0px; border-right: 1px dotted #ccc; background: rgba(235,235,235,0.55);}  
   .tdfor {border: 1px solid #ccc; padding: 3px; border-left: 0px; border-top: 0px; background: rgba(235,235,235,0.30);}  
   .tdfif {border: 1px solid #ccc; border-top: 0px; padding: 3px; background: rgba(235,235,235,0.30);}  
   .spanchik {border-right: 1px dotted #ccc; padding-right: 3px; margin-right: 3px;}  
   .likees {-moz-transition: all 0.3s ease 0s; -moz-box-sizing: border-box;background: url("http://image-up.3dn.ru/_ph/1/2/895184048.png") repeat-x scroll center top #323232;border: 1px solid #2B2B2B;border-radius: 3px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.43);color: #FFFFFF;cursor: pointer;font-family: Calibri,'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;font-size: 8pt;font-style: normal;line-height: 18px;outline: medium none;padding: 0 6px;text-align: center;text-shadow: 0 -1px 0 #2B2B2B;}   
   a.likees {color: #FFFFFF; text-decoration: none;}   
   .likees:hover {background-color: #555555;color: #FFFFFF;text-  
 decoration: none;}   
   .likees:active {background-color: #242424;color: #FFFFFF;outline: 0   
 none;}  
   .cut-num { border-radius: 3px; background: #ccc; padding: 3px; color: #fff;}  
 /* ---------- */