ЛЕНТА КОММЕНТАРИЕВ THEUCOZ.RU

Скрипты для uCoz

na3uTuB4uk

07.06.13, 15:12

910

Предлагаю вашему вниманию Ленту комментариев как на THEUCOZ.RU.
И так приступим.

Установка:
1. Заходим в панель управления. Создаем информер с параметрами:
Комментарии · Материалы · Дата добавления материала D · Материалы: 0 · Колонки: 1

В шаблон информера вставляем следующий код:

Код

<div class="b_inf_comments">
<div class="b_inf_comments_foto"><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" width="35" height="36" title="Аватар пользователя $USERNAME$"><?else?><img src="http://nk-cs.ru/design/noavatar2.png" width="35" height="36" title="Аватар пользователя $USERNAME$"><?endif?></div>
<div class="b_inf_comments_hidden">
<div class="b_inf_comments_sp">
<ul class="b_inf_comments_sp_ul">
<li class="b_inf_comments_author_o">
<span class="b_inf_comments_author">Написал:</span>
<span><a href="$PROFILE_URL$" target="_blank" class="b_inf_comments_author_a" title="Перейти на страницу пользователя $USERNAME$">$USERNAME$</a></span></li>
<li><span class="b_inf_comments_author">В файле:</span>
<span class="b_inf_comments_o_a"><a href="$ENTRY_URL$" title="$ENTRY_TITLE$"><?if(len($ENTRY_TITLE$)>40)?><?substr($ENTRY_TITLE$,0,40)?>...<?else?>$ENTRY_TITLE$<?endif?></a></span></li></ul></div></div></div>
<div class="b_inf_comments_bottom_linear"></div>

<style>
.b_inf_comments { overflow: hidden; background: #fff; height: 50px; }
.b_inf_comments_foto { float: left; width: 44px; height: 40px; background: url(http://theucoz.ru/b_comments_foto_bg.png) no-repeat; padding: 2px 10px 7px 3px; margin: 5px 0px 5px 5px; }
ul.b_inf_comments_sp_ul { list-style: none; padding-left: 4px; }
.b_inf_comments_author { font: 10px Tahoma; color: #626262; padding-left: 4px; padding-top: 5px; }
.b_inf_comments_author_a { font: 10px Tahoma; color: #77a0b6; text-decoration: none; font-weight: Bold; }
.b_inf_comments_author_o { padding-top: 5px; }
.b_inf_comments_o_a { font: 10px Tahoma; color: #f48669; text-decoration: none; font-weight: Bold; padding-right: 50px; cursor: pointer; }
.b_inf_comments_bottom_linear { height: 2px; background: url(http://theucoz.ru/bottom_linear.png) repeat-x; }
</style>

2. Теперь где хотим видеть.
Вставляем следующий код:

Код

<div style="max-height:270px;overflow:auto;">
$MYINF_X$
</div>

Мой небольшой совет:

Код

$ENTRY_TITLE$

Заменить на:

Код

<?if(len($ENTRY_TITLE$)>40)?><?substr($ENTRY_TITLE$,0,40)?>...<?else?>$ENTRY_TITLE$<?endif?>

Если вы хотите, что-бы название не выводилось целиком, поскольку там не $MESSAGE$, а $ENTRY_TITLE$, то приходится пользоваться вот таким не простым способом. Но на THEUCOZ.RU так не стоит, поэтому это ваш выбор smile