2
Вы не авторизованы!
Присоединяйтесь к нашему сообществу :)
авторизация
Вакансии
На сайт требуется контент-менеджер
смотреть вакансии

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

Информеры 2012-Июл-10 fatal1ti 1.9k 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
<script type="text/javascript" src="http://novi4ok.ru/js/komm/komment.js"></script>  
<link type="text/css" rel="stylesheet" href="http://novi4ok.ru/serv/demo/pads_l.css">
<ul class="lastcomm">  
$MYINF_1$  
</ul>


2) Отображение справа:
Code
<script type="text/javascript" src="http://novi4ok.ru/js/komm/komment.js"></script>  
<link type="text/css" rel="stylesheet" href="http://novi4ok.ru/serv/demo/pads_r.css">
<ul class="lastcomm">  
$MYINF_1$
</ul>


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

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

И ещё, при копировании этого материала указывайте источник.
Источник: http://novi4ok.ru
3 комментария
avatar
1
Тупо , но красиво cool
avatar
2
Есть почти такой же информер, без дизайна vk
http://uc-portaller.ru/load/14-1-0-3742
тоже я делал)
avatar
3
Andreikas: Согласен biggrin
avatar