Вид добавления комментариев DataLife Engine

Как сделать такой вид добавления комментариев ???
Что нужно изменить в этих кодах
css код
/* Comments */ .vComm_loop {margin:0 1px 5px 1px; background:url(../images/vcomm_lc_bg.png) repeat-y 0 0;} .vComm_rc {background:url(../images/vcomm_rc_bg.png) repeat-y right 0;} .vComm_lt {background:url(../images/vcomm_lt_bg.png) no-repeat 0 0;} .vComm_rt {background:url(../images/vcomm_rt_bg.png) no-repeat right 0;} .vComm_lb {background:url(../images/vcomm_lb_bg.png) no-repeat 0 bottom;} .vComm_rb {padding:5px 5px 14px 5px; overflow:hidden; text-shadow:1px 0 1px #141414; background:url(../images/vcomm_rb_bg.png) no-repeat right bottom;} .vComm_left {width:117px; float:left; margin:0 10px 0 0; padding:2px 0 10px 0; font-size:10px; line-height:1.4; color:#828282; text-align:center;} .vComm_group {display:block; margin:0 0 2px 0;} .vComm_group a {color:#828282; text-decoration:none;} .vComm_group a:hover {text-decoration:underline;} .vComm_ava {width:101px;position:relative; padding:4px 0 0 5px; margin:0 0 0 5px; text-align:left;} .vComm_ava img {width:96px; border:0; vertical-align:top;} .vComm_ava span {width:106px; height:auto; display:block; position:absolute; left:0px; top:0px; bottom:10px; background:url(../images/vcomm_avatar_bg.png) no-repeat 0 0;} .vComm_ava b {width:106px; height:10px; display:block; position:absolute; left:0px; bottom:0; background:url(../images/vcomm_avatar_bg.png) no-repeat -106px bottom;} .vComm_date {font-size:11px; color:#ffa500;} .vComm_right {overflow:hidden; padding:0 8px 15px 0;} .vComm_top {height:56px; padding:12px 0 0 0;} .vComm_top a {text-decoration:none;} .vComm_top a:hover {text-decoration:underline;} .vComm_top input {float:right;} .vComm_numm {width:20px; height:21px; line-height:20px; float:left; margin:9px 9px 0 8px; font-size:11px; font-weight:bold; color:#ffa500; text-align:center; background:#1e1e1e url(../images/vcomm_numm.png) no-repeat 0 0;} .vComm_sys {height:25px; float:right; margin:6px 7px 0 0; background:url(../images/vcomm_icon.png) no-repeat 0 -46px;} .vComm_sys_in {height:25px;background:url(../images/vcomm_icon.png) no-repeat right -46px;} .vComm_sys a {width:32px; height:23px; display:block; padding:0 0 0 2px; float:left;background:url(../images/vcomm_icon.png) no-repeat 0 -71px;} .vComm_sys a:first-child {padding:0; background:0;} .vComm_sys a:first-child b {width:26px; background-position:5px 0;} .vComm_sys a:first-child b:hover {width:28px; background-position:5px -23px;} .vComm_sys a b {width:32px; height:23px; display:block; font-size:0px; text-decoration:none; background:url(../images/vcomm_icon.png) no-repeat 0 0; cursor:pointer;} .vComm_sys a b.sys_1 {background-position:0 0;} .vComm_sys a b.sys_2 {background-position:-32px 0;} .vComm_sys a b.sys_3 {background-position:-64px 0;} .vComm_sys a b.sys_4 {background-position:-96px 0;} .vComm_sys a b.sys_1:hover {background-position:0 -23px;} .vComm_sys a b.sys_2:hover {background-position:-32px -23px;} .vComm_sys a b.sys_3:hover {background-position:-64px -23px;} .vComm_sys a b.sys_4:hover {background-position:-96px -23px;} .vComm_del {float:right; margin:11px 6px 0 0;} .vComm_del input {position:absolute; left:-9999px;} .vComm_del_chek {width:16px; height:14px; background:url(../images/vcomm_icon.png) no-repeat -384px 0; cursor:pointer;} .vComm_del_chek.current {background:url(../images/vcomm_icon.png) no-repeat -384px -14px;} .vComm_author {font-size:18px; color:#ffa500;} .vComm_top a {color:#ffa500;} .vComm_info {height:14px; overflow:hidden; color:#828282;} .vComm_message {padding:0 0 0 13px; color:#0e0e0e; text-shadow:none; background:#ececec;} .vComm_message a {color:#0e0e0e;} .vComm_message_in {min-height:90px;} .vComm_line {height:3px; margin:0 8px 2px 8px; font-size:0px; overflow:hidden; background:url(../images/vcomm_line.png) no-repeat 0 0;} .vComm_line b {height:3px; display:block; background:url(../images/vcomm_line.png) no-repeat right 0;} .vComm_sing {overflow:hidden; color:#5a5a5c;} #footer_t {padding:0 24px 0 0; background:url(../images/container_tb_bg.png) no-repeat right -188px;} #footer_t_in {height:108px; padding:19px 9px 0 9px; background:url(../images/container_tb_bg.png) no-repeat 0 -42px;} #fLeft {width:274px; float:left;} #fLeft a {width:235px; height:75px; display:block; float:left; margin:15px 0 0 15px;} #fRight {width:220px; float:right;} a.fDesigns_link {width:187px; height:33px; display:block; float:right; margin:67px 0 0 0; background:url(../images/header_elem_bg.png) no-repeat -425px 0;} a.fDesigns_link:hover {background-position:-425px -33px;} #fText {overflow:hidden; padding:0 12px 0 0; border-top:1px solid #1d1d1e; background:url(../images/container_tb_bg.png) no-repeat right bottom;} #fText_in {max-height:70px; padding:8px 0 8px 8px; overflow:hidden; color:#969696; text-shadow:0 1px 1px #000;} #footer {overflow:hidden; padding:4px 16px 9px 10px;} .fCopyright {float:left; padding:11px 0 0 0; color:#ffa500; text-shadow:0 1px 1px #000;} .fStat {float:right;} .fStat li {width:92px; height:36px; float:left; margin:0 0 0 4px; padding:3px 0 0 4px; text-align:left; background:url(../images/fstat_bg.png) no-repeat 0 0;} .fStat li img {vertical-align:top; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); opacity:0.5;} .fStat li img:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99); filter: alpha(opacity=99); opacity:0.99;}
addcomments.tpl
Добавить комментарий
[not-logged] Имя:* E-Mail:* [/not-logged]
{editor}
[question]
Вопрос:
{question}
Ответ:*
[/question] [sec_code]
{sec_code}
[/sec_code] [recaptcha] Введите два слова, показанных на изображении: *
{recaptcha}
[/recaptcha]
comments.tpl
{group-name}
{date} Публикаций: {news-num} Комментариев: {comm-num}
{comment-id}
{mass-action}
[fast] [/fast] [not-group=5] [complaint] [/complaint] [com-edit] [/com-edit] [com-del] [/com-del] [/not-group]
{author}
Регистрация: {registration}, ICQ: {icq}, IP: {ip}
{comment}
Подпись пользователя
[signature]
{signature}
[/signature]
Источник: dle-faq.pro