Создаем информер с такими параметрами:
[ Комментарии · Материалы · Дата добавления материала D · Материалы: 5 · Колонки: 1 ]
В информер вставляем следующий код:
Код
<DIV class="infmes"><div class="commentCont commentMarginLR" onclick="location.href='$ENTRY_URL$'" title="$ENTRY_TITLE$"> <div class="userAvatar"><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$"><?else?><img src="/diz/736069.gif"><?endif?></div>
<div class="commentText"><span class="commentDate"><span class="data">$DATE$</span></span> <span class="commentAuthor"><a>$USERNAME$</a></span><hr><span class="commentMess">$MESSAGE$</span> </div> </div></div><hr>
В css вставляем:
Код
/* последние комментарии */
.osninf {padding:1px;}
.inftitl b, .osninf b {color:#878787;}
.inftitl a:link, .inftitl a:visited, .inftitl a:active {text-decoration:underline;color:#4f4f4f;}
.inftitl a:hover {text-decoration:none;}
.infmes {border:1px dashed #575f60;margin:5px 0 3px 0;padding:5px; background: url('/d/fon_3.gif') repeat center center;font-size:7pt;
color:#a9afaf;}
.commentsContainer{margin:-3px 0 0}
.commentMarginLR{ margin:0 -15px 0; cursor:pointer; padding:1px 15px 5px}
.commentCont .userAvatar{ float:left; width:35px; margin:1px 0 0}
.commentCont .userAvatar img{ display:block; width:35px; height:35px; -moz-border-radius: 20px; /* закругление для старых Mozilla Firefox */
-webkit-border-radius: 20px; /* закругл. для старых Chrome и Safari */
-khtml-border-radius:20px; /* закругл. для браузера Konquerer системы Linux */
border-radius: 20px; /* закругление углов для всех, кто понимает */
}
.commentCont .commentText{ margin: 0 0 0 40px}
.commentCont .commentText .commentAuthor{ display:block; font:bold 14px/1.8 'PT Sans'}
.commentCont .commentText .commentAuthor a{ color:#007E9C; text-decoration:none}
.commentCont .commentText .commentAuthor a:hover{ color:#fa0}
.commentCont .commentText .commentMess{ font:13px/1.8 'Open Sans'}
.commentCont .commentText .commentDate{ float:right; font:11px/2 'Open Sans'; color:#999; font-size:7pt; }
.commentCont .commentText .commentRe{ display:block}
.commentCont .commentText .commentRe a{ font:13px/1.8 'Open Sans'; color:#3B6D96; text-decoration:underline; opacity:0.85}
.commentCont .commentText .commentRe a:hover{ text-decoration:none}
/* ------------- */
Автор: Vasco