Красивый информер на сайте, который выводит последние комментарий, это всегда красиво и для функциональности сайта не помешает. Так как пользователь будет видеть, ответели на его вопрос или нет. Но безусловно развитие этого модуля будет. Вместо аварат, будет как на mail, просто значок с буквой начальной вашего ника, все очень органично смотрится.
Создаем информер с названием ПОСЛЕДНИЕ СООБЩЕНИЯ ФОРУМА с такими параметрами
(Форум · Материалы · Последние обновленные темы · Материалы: 5 · Колонки: 1)
Далее заходим в шаблон информера, удаляем оттуда все и вставляем это
Код
<tr><td class="topic_icon" align="center"><img src="http://zornet.ru/Ajaxoskrip/5zyPjAo.png" title="Открытая тема" alt=""></td><td><a rel="nofollow" class="topic_title" href="$LAST_POST_URL$"><strong>$THREAD_TITLE$</strong></a><br><span class="topic_info"> Автор темы: $AUTHOR$, Раздел: <a href="$FORUM_URL$">$FORUM$</a></td><td class="topic_stats">$REPLIES$ Ответов<br>$WDAY$ $TIME$</td><td class="ForumInfBlock"><span id="uAvatar$NUMBER$Ava"></span><span id="uAvatar$NUMBER$Name" style="padding-left:11px" title="Последнее сообщение от ...">$POST_USER$</span></td></tr>
<script>var uAvatar$NUMBER$=$("#uAvatar$NUMBER$Name a").text();$("#uAvatar$NUMBER$Ava").html('<img style="vertical-align: middle;width: 30px; border-radius: 50%;" src="https://filin.mail.ru/pic?email='+uAvatar$NUMBER$+"@"+uAvatar$NUMBER$+"&trust=false&width=30&height=30&name="+uAvatar$NUMBER$+'&version=4&build=4">');</script>
Потом идем на страницу где ходим поставить и ставим перед &B0DY& данный код:
Код
<div class="lasttopicsBox">
<div class="ltBlockHead">
<a style="float:right; text-decoration:none" href="/forum/0-0-1-34">Просмотр новых публикаций</a>
<h4>Последние сообщения с форума</h4>
</div>
<div class="ltContent">
<table border="0" cellpadding="" cellspacing="0" width="100%">
<tbody>
$MYINF_Х$
</tbody>
</table>
</div>
</div>
Естественно меняем данный код $MYINF_Х$ на свой номер
Это пихаем в стили CSS в самый низ, или создаем собственных файл и устанавливаем на странице.
Код
.lasttopicsBox{border:1px solid #BDC6CA;margin:5px 0;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px}
.lasttopicsBox .ltBlockHead{padding:10px;border-bottom:2px solid #3498DB;box-shadow:0 -5px 5px #F4F8FA inset;-moz-box-shadow:0 -5px 5px #F4F8FA inset;-webkit-box-shadow:0 -1px 5px #CFEBFD inset;text-decoration:none}
.lasttopicsBox .ltBlockHead h4{font-size:12px;color:#1881C7;font-weight:bold}
.ltContent,.ltContent .topicInfo a,.ltContent .topicInfo a:visited,.ltContent .topicInfo a:hover{color:#6D6D6D;text-decoration:none}
.ltContent{font-size:11px}
.ltContent a.topicLink,.ltContent a.topicLink:hover,.ltContent a.topicLink:visited{text-decoration:none;font-weight:bold;font-size:12px;color:#80B300}
.ltContent td{border-bottom:1px solid #E5E9EB;padding:4px}
.ltContent table tr:last-child td{border-bottom:0}
.ltContent .topicIcon{width:22px}
.ltContent .topicStats{color:#777;line-height:16px;width:100px;text-align:right;text-decoration:none;padding-right:10px}
Вот так выглядит данное произведение искусств.
