Последние комментарии как на Diz-CS

Скрипты для uCoz

na3uTuB4uk

05.06.13, 00:44

1196

Предлагаю вашему вниманию последние комментарии как на Diz-CS.Ru
И так приступим.

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

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

Код

<table><tbody><tr><td valing="top" class="comm_s"><a href="$PROFILE_URL$" target="_blank">
<?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$"><?else?><img src="http://nk-cs.ru/design/noavatar2.png"><?endif?></a></td>
<td valign="top" class="comm_a">
<div class="c_date_comm">
<div class="c_date">в $TIME$ $DATE$</div>
</div></td></tr></tbody></table>
<div class="mess_commes"><span style="color: rgb(255, 255, 255);">$MESSAGE$</span>
<div class="t_h">» <a href="$ENTRY_URL$">$ENTRY_TITLE$</a></div></div>

2. Теперь в таблицу стилей CSS в самый низ ставим стили:

Код

/*----- Комментарии by Diz-CS.Ru -----*/
.comm_back {background:#131313;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;padding:3px;border:1px solid #191919;}
.comm_s {width:33px;padding-right:2px;}
.comm_a {width:100%;padding-left:2px;}
.comm_s img {width:30px;
  height:30px;border:3px solid #0a0a0a;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.c_date_comm {background:#111111;padding:4px ;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.c_date {background:#308d4d;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;padding:8px 4px;color:#1e512e;text-shadow:0px 1px 0px #38a75b;text-align:center;box-shadow:inset 0px 0px 0px 1px #3a9d5b;}
.mess_commes {background:#111111;padding:4px ;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;margin:3px 0px;border:1px solid #191919;}
.t_h {color:#494949;font-size:10px;}
.t_h a{color:#494949;font-size:10px;text-shadow:none;}
.t_h a:hover {color:#ddd;}
/* ----- */

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

Код

<div class="comm_back">$MYINF_X$</div>

$MYINF_X$ - Меняем на тот который у вас получился. Установка завершена.