Информер последние комментарии с дизайном Вконтакте для uCoz

Информеры 2012-Июл-10 fatal1ti 2.1k 3

Представляю вашему вниманию информер "Последние комментарии с дизайном Вконтакте"
При наведении на название новости в которой оставлен комментарий
Выходит информация о нём и в том числе и сообщение пользователя
Ну в общем смотрите анимационный скрин или демо - всё поймёте.

Установка:

Создаем информер, делается это тут
http://адрес_вашего_сайта/panel/?a=informers

С такими настройками:
[ Комментарии · Материалы · Дата добавления материала D · Материалы: 6 · Колонки: 1 ]
Название можете сделать любое

Переходим к дизайну информера:

Code

<li class="lcomment">
<strong>
<?if($USERNAME$)?>
<a href="$PROFILE_URL$" style="color: #000000">$USERNAME$</a>
<?else?>
$NAME$
<?endif?>
</strong><br> Оставлен <span title="$TIME$">$DATE$</span><br>
↳<a href="$ENTRY_URL$" title="" style="color: #73a331;">$ENTRY_TITLE$</a>
<div id="pad_wrap" class="lcommbox">
<div id="pad_arrow"></div>
<div id="pad_cont" style="width: 470px; " class="">
<div id="pad_title_wrap">
<div id="pad_title">Тема: <a href="$ENTRY_URL$" style="color: #ffffff">$ENTRY_TITLE$</a></div>
</div>
<div id="pad_content" style="overflow: hidden; "><div id="pad_rows" class="pad_msg_rows">
<div id="pad_msg3068" class="pad_msg clear_fix" onclick="Pads.msgAnswer(this, 3068, event)">
<input type="hidden" id="pad_msgd3068" value="140628996">
<div class="pad_msg_wrap">
<table width="419px" class="lcom_info">
<tr>
<td width="45px">
<a class="fl_l pad_msg_photo" href="$PROFILE_URL$">
<?if($USER_AVATAR_URL$)?>
<img src="$USER_AVATAR_URL$" class="pad_msg_img">
<?else?>
<img src="http://novi4ok.ru/images/noavatar.png" class="pad_msg_img">
<?endif?>
</a>
</td>
<td width="100%" style="font-size: 10pt;" valign="top">
<?if($USERNAME$)?>
<strong> Логин: </strong> $USERNAME$ <br>
<?else?>
<strong> Имя: </strong> $NAME$ <br>
<?endif?>
</td>
</tr>
</table>
<div class="pad_msga">
<div class="pad_msga_arrow_wrap"><div class="pad_msga_arrow"></div></div>
<div class="pad_msga_wrap">
<div class="pad_msga_data">
<div class="pad_msg_text">
$MESSAGE$
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="pad_footer_wrap">
<div id="pad_footer">
<div class="pad_close_btn button_blue fl_r">
</div>
<div id="pad_footer_text">
<div class="pad_msga_date">$DATE$ в $TIME$</div>
</div>
</div>
</div></div></div>
</li>

И запоминаем код вызова информера, например $MYINF_1$ (У вас может быть другой)

Я сделал 2 варианта отображения полной информации: слева и справа
Поэтому вам нужно выбрать подходящее

1) Отображение слева:
Создаете новый блок (Например через конструктор)
И в его HTML вставляете:

Code

2) Отображение справа:

Code

$MYINF_1$ - это код информера, меняете на свой

Сохраняете и радуетесь новому блоку с последними комментариями..
Надеюсь всё понятно написал - будут вопросы пишите в комментарии
Имеется демо, ссылка чуть ниже

И ещё, при копировании этого материала указывайте источник.

Демо

Источник: http://novi4ok.ru