Очень интересный и уникальный вид материалов для 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;}
/* ---------- */