Новый информер последние комментарии для uCoz
При наведении появляется комментарий.. На анимационном скрине это всё можно увидеть
Установка:
Создаем информер, делается это тут
http://адрес_вашего_сайта/panel/?a=informers
С такими настройками:
[ Комментарии · Материалы · Дата добавления материала D · Материалы: 5 · Колонки: 1 ]
Название можете сделать любое..
Переходим к дизайну информера:
Code
<li onmouseover="balloon.showTooltip(event,'load:iComm_$NUMBER$')">
<div class="mini-comment">
<?if($USER_AVATAR_URL$)?>
<a href="$PROFILE_URL$" class="avatar">
<img src="$USER_AVATAR_URL$" width="45" height="45" alt="$USERNAME$>
</a>
<?else?>
<a href="$PROFILE_URL$" class="avatar"><img src="http://novi4ok.ru/images/noavatar.png" width="45" height="45" alt="$USERNAME$></a>
<?endif?>
<u>
<a href="$PROFILE_URL$"><span style="color:#3333FF"><?if($USERNAME$)?>$USERNAME$<?else?>$NAME$<?endif?></span></a>
</u>
<u>В новости: <a href="$ENTRY_URL$">$ENTRY_TITLE$</a></u>
</div>
<span id="iComm_$NUMBER$" style="display:none">
$MESSAGE$
</span>
</li>
<div class="mini-comment">
<?if($USER_AVATAR_URL$)?>
<a href="$PROFILE_URL$" class="avatar">
<img src="$USER_AVATAR_URL$" width="45" height="45" alt="$USERNAME$>
</a>
<?else?>
<a href="$PROFILE_URL$" class="avatar"><img src="http://novi4ok.ru/images/noavatar.png" width="45" height="45" alt="$USERNAME$></a>
<?endif?>
<u>
<a href="$PROFILE_URL$"><span style="color:#3333FF"><?if($USERNAME$)?>$USERNAME$<?else?>$NAME$<?endif?></span></a>
</u>
<u>В новости: <a href="$ENTRY_URL$">$ENTRY_TITLE$</a></u>
</div>
<span id="iComm_$NUMBER$" style="display:none">
$MESSAGE$
</span>
</li>
Сохраняете его..
И запоминаем код вызова информера, например $MYINF_1$
Теперь создаете новый блок (Например через конструктор)
И в его HTML вставляете:
Code
<link type="text/css" rel="StyleSheet" href="http://novi4ok.ru/serv/css/komm_user.css">
<script type="text/javascript" src="http://novi4ok.ru/js/novi4ok-bb.js"></script>
<div class="iComm" id="iComm"><ul>
$MYINF_1$
</ul></div>
<script type="text/javascript" src="http://novi4ok.ru/js/novi4ok-bb.js"></script>
<div class="iComm" id="iComm"><ul>
$MYINF_1$
</ul></div>
$MYINF_1$ - это код информера, меняете на свой
Сохраняете и радуетесь новому блоку "Последние комментарии"
Надеюсь всё понятно написал - будут вопросы пишите в комментарии
И ещё при копировании этого материала указывайте источник.