вопрос
Как сделать такой вид добавления комментариев ???
Что нужно изменить в этих кодах
Что нужно изменить в этих кодах
/* 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;}
<div class="viewn_loop viewn_static addComm_hide">
<div class="viewn_top">
<div class="viewn_t_in">
<h4 class="viewn_title">Добавить комментарий</h4>
</div>
</div><!--/viewn_top-->
<div class="viewn_cont">
<div class="viewn_c_in">
<div class="addComm_form">
[not-logged]
<strong class="addcomm_title2">Имя:</strong><span class="impot">*</span>
<input type="text" name="name" id="name" class="f_input" />
<strong class="addcomm_title2">E-Mail:</strong><span class="impot">*</span>
<input type="text" name="mail" id="mail" class="f_input" />
<br />
<br />
[/not-logged]
<div class="addcomm_cont">{editor}</div>
[question]
<table>
<tr>
<td class="label">
Вопрос:
</td>
<td>
<div>{question}</div>
</td>
</tr>
<tr>
<td class="label">
Ответ:<span class="impot">*</span>
</td>
<td>
<div><input type="text" name="question_answer" id="question_answer" class="f_input" /></div>
</td>
</tr>
</table>
[/question]
[sec_code]
<br />
<div>{sec_code}</div>
<br />
<div><input type="text" name="sec_code" id="sec_code" style="width:115px" class="f_input" /></div>
[/sec_code]
[recaptcha]
Введите два слова, показанных на изображении: <span class="impot">*</span>
<div>{recaptcha}</div>
<br />
[/recaptcha]
</div>
<div class="addComm_submit"><input name="submit" type="submit" value="Добавить комментарий" /></div>
</div>
</div><!--/viewn_cont-->
<div class="viewn_bottom"><div class="viewn_b_in"></div></div>
</div>
<br />
<br />
<div class="vComm_loop">
<div class="vComm_rc">
<div class="vComm_lt">
<div class="vComm_rt">
<div class="vComm_lb">
<div class="vComm_rb">
<div class="vComm_left">
<span class="vComm_group">{group-name}</span>
<div class="vComm_ava"><span></span> <b></b> <img src="{foto}" width="91" alt=" " /></div>
<span class="vComm_date">{date}</span>
Публикаций: {news-num}<br />
Комментариев: {comm-num}
</div><!--/vComm_left-->
<div class="vComm_right">
<div class="vComm_top">
<div class="vComm_numm">{comment-id}</div>
{mass-action}
<div class="vComm_sys">
<div class="vComm_sys_in">
[fast]<b class="sys_1" title="Ответить"> </b>[/fast]
[not-group=5]
[complaint]<b class="sys_2" title="Пожаловатся!"> </b>[/complaint]
[com-edit]<b class="sys_3" title="Редактировать"> </b>[/com-edit]
[com-del]<b class="sys_4" title="Удалить"> </b>[/com-del]
[/not-group]
</div>
</div>
<div class="vComm_author">{author}</div>
<div class="vComm_info">Регистрация: {registration}, ICQ: {icq}, IP: {ip}</div>
</div>
<div class="vComm_message">
<div class="vComm_message_in">
{comment}
</div>
<div class="vComm_line"><b></b></div>
<div class="vComm_sing">Подпись пользователя</div>
</div>
[signature]<div class="vComm_signature">{signature}</div>[/signature]
</div><!--/vComm_right-->
</div>
</div>
</div>
</div>
</div>
</div><!--/vComm_loop-->
Ответил: Sander
В addcomments.tpl сверстать форму по предоставленному макету.
В css прописать классы и стили используемые при верстке в addcomments.tpl
comments.tpl трогать не нужно, он отвечает за шаблон отображения комментариев.
В css прописать классы и стили используемые при верстке в addcomments.tpl
comments.tpl трогать не нужно, он отвечает за шаблон отображения комментариев.