Создаем информер:
Информер
[ Комментарии · Материалы · Дата добавления материала D · Материалы: 20 · Колонки: 1 · Длина заголовка: 170 ]
[Шаблон информера]
Код
<div class="ChatMess1">
<div class="ChatMesTop2"><div style="float:right;">$TIME$ <a href="$PROFILE_URL$"
rel="nofollow" rel="nofollow"><img src="http://synthira.ru/black/ifis.png" border="0" style="vertical-align:-1px; margin-right:1px;" /></a></div><a href="$PROFILE_URL$" ><b><span class="chthu">$USERNAME$</span></b></a></div>
<div class="chatmesimgs" style="padding:3px 3px 3px 4px;">$MESSAGE$</div> <div class="ChatMesTop1"><div style="float:right;"><a href="$ENTRY_URL$"><b>Ответить</b></a></div>$DATE$</div>
</div>
В CSS:
Код
.scroll {
width:100%;
height:255px;
overflow:auto;}
.chatmesimgs img {max-height: 100px;border:1px solid #303030;border-radius: 10px;}
.ChatMess1 {border:1px solid #303030; background:#242424; margin-bottom:3px; -webkit-border-radius:2px
2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;}
.ChatMess1:hover {border:1px solid #323232; background:#262626;}
.ChatMesTop2 {border:0px; border-bottom:1px dotted #323232; padding:3px 3px 3px 4px;
background:#262626; -webkit-border-radius:2px 2px 0px 0px;-moz-border-radius:2px 2px 0px 0px;border-radius:2px 2px 0px 0px;}
.ChatMesTop1 {border:0px; border-top:1px dotted #323232; padding:3px 3px 3px 4px;
background:#242424; -webkit-border-radius:2px 2px 0px 0px;-moz-border-radius:2px 2px 0px 0px;border-radius:2px 2px 0px 0px;}
В блок:
Код
<div class="scroll">$MYINF_ВАШ$</div>
Тестануть можно у нас на сайте.