Установке:
Шаг 1: Проверили работает ли голова, и не кривые ли у вас руки.
Шаг 2: Устанавливаем вид материалов где хотим его видеть.
Код
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-bottom: 5px;">
<tr>
<td width="8%" class="pierwsza" align="center" valign="top">
<img src="http://dedicated.3dn.ru/uCoz/vid_materialov/00208064.png" title="Количесто лайков" alt="Количество лайков">
<div class="likek" align="center" title="Количесто лайков">$RATED$</div>
</td>
<td widht="100%" valign="top" class="druga">
<?if($IMG_URL1$)?><div style="float: right;"><a href="$ENTRY_URL$" class="ulightbox" data-fancybox-group="ultbx"><img src="$IMG_URL1$" class="imageks" />
</a></div><?endif?>
<div><a href="$ENTRY_URL$" class="titlename">$TITLE$</a><div>
$MESSAGE$
</td>
</tr>
</table>
Шаг 3: Устанавливаем CSS в Таблицу стилей CSS
Код
/* by coffee aka vasa3000 */
.pierwsza {border: 1px solid #51708c; background: #648aad; border-bottom: 3px solid #51708c; border-radius: 3px 0 0 3px; padding: 5px;}
.likek {display: block; color: #edf1f5;}
.druga {padding: 5px; border: 1px solid #ccc; border-bottom: 3px solid #ccc; border-radius: 0 3px 3px 0; color: #a4a4a4; background: #fff;}
.imageks {border-radius: 3px; width: 150px; height: 200px; box-shadow: -3px 0px 6px rgba(50, 50, 50, 0.25);}
a.titlename {border-bottom: 1px dotted #9C9B9B;display: block; font-size: 11pt; color: #9C9B9B;}
a.titlename:hover {border-bottom: 1px dotted #8E8E8E; text-decoration: none; color: #8E8E8E;}
/* ------- */
Вот и всё, наш вид материалов готов.
.
