http://ucozon.ru/_dr/43/81896425.png
Вид новостей созданный мною через Визуальный редактор.
Вид который я показал как делать при помощи HTML редактора.
Сам видео урок можем просмотреть тут Видео урок создаем вид материалов через визуальный HTML редактор
Установка:
Вставляем в вид новостей вашего модуля полностью сам код, предварительно удалив там исходный.
И следуем настройкам для вывода скриншота новости
Code
<table style="width: 100%; margin: 3px 0pt; border: 1px solid #999999;" align="center" width=""><tbody><tr><td style="border: 1px solid #999999;"><table style="width: 100%; height: 20px; border: 1px solid #999999; background-color: rgb(220, 220, 220); border-collapse: collapse;" align="" width=""><tbody><tr><td style="border: 1px solid #999999; width: 100%; height: 20px; text-align: left; vertical-align: middle; padding: 3px 5px;"><font size="4" face="Tahoma"><a href="$ENTRY_URL$">$TITLE$</a></font> $MODER_PANEL$<br></td></tr></tbody></table><table style="width: 100%; border-collapse: collapse;"><tbody><tr><td style="width: 200px; text-align: center; vertical-align: top; padding: 5px; letter-spacing: 0pt; word-spacing: 0pt;"><img style="border-width: 2px; border-style: double; border-color: rgb(169, 169, 169);" alt="" src="$SCREEN_URL$" height="190" width="190"><br></td><td style="width: 100%; text-align: left; vertical-align: top; padding: 5px; letter-spacing: 0pt; word-spacing: 0pt;">$MESSAGE$<br></td></tr></tbody></table><table style="width: 100%; height: 18px; border: 1px solid #999999; border-collapse: collapse;" align="center" width=""><tbody><tr><td style="border: 1px solid #999999; width: 100%; height: 18px; text-align: left; vertical-align: middle; padding: 2px 5px; background-color: rgb(230, 230, 250);">Категория: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a> Дата: $DATE$ Комментарии: <a href="$COMMENTS_URL$">$COMMENTS_NUM$</a><br></td></tr></tbody></table></td></tr></tbody></table>